element ui多选框编辑时无法选中的解决办法

 

 
   
	
  

 在上面添加变更事件,然后变更事件中添加this.$forceUpdate();  强制渲染多选框的样式即可

checkedBoxChange(){
     //console.log("多选框实时变化:" + this.form.reptGroupArray);
     this.$forceUpdate();  //强制渲染多选框样式,否则值变了样式没有选中
},

注意: 多选框需要传数组,字符串无法正常渲染,因此表单初始化绑定的v-model需要初始化为空数组[],而编辑页面传值时如果是字符串,需要转数组:

this.form.reptGroupArray = this.form.reptGroup.split(','); 

你可能感兴趣的:(Ruoyi,vue,vue.js,ruoyi,elementui)