最近开发遇到一个奇怪的问题,先勾选了工作日下面的复选框,然后编辑上面的输入框内容时,复选框的勾选项会自动取消掉
这两个地方,我分别都绑定了data属性
输入框绑定的方式:
v-model="formData.name"
工作日设置区域:
data里面声明了一个数组,如下
kqDays:[
{ weekday:1,btn:'选择班次',name:'周一',times:[],checked:false},
{ weekday:2,btn:'选择班次',name:'周二',times:[],checked:false},
{ weekday:3,btn:'选择班次',name:'周三',times:[],checked:false},
{ weekday:4,btn:'选择班次',name:'周四',times:[],checked:false},
{ weekday:5,btn:'选择班次',name:'周五',times:[],checked:false},
{ weekday:6,btn:'选择班次',name:'周六',times:[],checked:false},
{ weekday:7,btn:'选择班次',name:'周日',times:[],checked:false},
],
两个变量相互不影响的,为什么会出上述的问题?
不知道大家有无遇到
原因有可能是绑定数据的方式不太妥当,或者是data设置的问题
在绑定数据 和 声明data属性,是否需要注意一些细节?
能否贴出全部代码