在列表中使用 vuex 进行双向数据绑定的最佳方式答案

【问题标题】：The best way of Two-way data binding using vuex in a list在列表中使用 vuex 进行双向数据绑定的最佳方式
【发布时间】：2021-04-12 08:16:11
【问题描述】：

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

最好的问候。

【问题讨论】：

【解决方案1】：

我在整个程序中的主列表包含这样的项目：

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

这种情况：

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

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

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

所以我的答案是[index].checked，它可以进行正确的双向数据绑定。

tnx 到 this 的帖子给了我一个想法

【讨论】：