单选按钮可取消可选中

需求是将单选按钮改为点一下选中,在点一下取消选中,像复选框一样!

<el-radio v-model=”aaa” @change=”isCancelChose($event)”>可取消可选中</el-radio>

isCancelChose(e){

  if(!$(e.target).data("checked")){//判断是否为false

  $(e.target).prop("checked",true);//设置为true

  $(e.target).data("checked",true);//data中的checked设置为true

  }else{

$(e.target).prop("checked",false);//如果是true,就设置为false

$(e.target).data("checked",false);//然后将data中的checked设置为false

  this.pluginAttrData.attr.data.water_mark_type=0;

  }

 }

亲测ok!

找了很久才实现此功能,如果你也遇到相同的问题,不妨试一下,欢迎批评指正!

猜你喜欢

转载自www.cnblogs.com/yjx-wx/p/12501879.html