vue.js - 在列表中使用 vuex 进行双向数据绑定的最佳方式

Question

我有一个Vuex 状态的项目列表。根据图像，当我检查项目时，主状态将v-on:change 在侧边栏中使用和更新，但是当我使用v-on:change（侧边栏）向下切换时，Vuex 状态会发生变化，但复选框具有价值！！！在这种情况下如何使用双向数据绑定来处理它？

此致。

标签： vue.jsvue-componentvuex

Answer 1

我有整个程序的主要列表，其中包含以下项目：

{id:1,text:'a',checked:false}

这种情况：

Search 组件显示已选中或未选中的纯列表项。侧组件显示正确检查的项目，然后单击关闭按钮，它应该消失并同时取消选中项目。

所以搜索组件通过以下方式绑定到列表：

<input type="checkbox" :value="item.checked" v-model="$store.state.sideBarItems[index].checked">

所以我的答案是[index].checked进行适当的双向数据绑定。

tnx to this post 这给了我一个想法