Vue开发的一个奇怪问题:编辑的内容会相互影响,两个内容都绑定不同的属性

clipboard.png

最近开发遇到一个奇怪的问题,先勾选了工作日下面的复选框,然后编辑上面的输入框内容时,复选框的勾选项会自动取消掉

这两个地方,我分别都绑定了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属性,是否需要注意一些细节?

阅读 2.3k
1 个回答

能否贴出全部代码

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题