最近写后台权限管理,涉及到了给菜单分配权限的功能,用到checkbox时候发现。
问题一:点击其中一个框子相同label值都会改变。
出现这个情况的主要原因是,checkbox是根据label的值来进行绑定的。所以解决办法就是
label中绑定的值设置成唯一值,显示的地方再额外{{child.label}}
问题二:数据查回来之后,修改checkbox的值,无法动态更新视图。
修改checkbox的值,视图无法更新,提交之后,table界面才会更新视图。
解决办法:
在checkbox外层加入checkbox-group,其中的v-model可以解决视图无法动态更新的问题。
注意:checkbox-group 绑定的是数组的格式,在check中添加change事件,动态的向数组中填入id值。
暂时是用这种方法解决的,还没有发现更好的方法。