element ui Checkbox 多选框组件 lable不支持Object类型的值的问题

浅浅记录一下,遇到这个问题的心理路程吧,首先我遇到的问题是多选框的值回显不打对勾,(例如:你新增的时候多选,然后点击编辑的时候选过的值没有被勾选,其实是被勾选上了,但是没有显示对勾,因为我点击已经选择过值就会取消勾选,说明这个值其实是回显了,但是不显示对勾),然后我就去查element ui,发现他的多选框的label只支持string / number / boolean,不支持object的形式,但是我的业务场景需要label的类型为object,于是尝试了各种方法之后,找到了一个最为合适的解决方案

 1.写一个新组件




2.在你的多选框页面引用上面的组件,然后将下面的方法进行改写你的多选框组件


    {{ item.label  }}
    


你可能感兴趣的:(Element,UI,ui,javascript,vue.js)