vue.js - Vue-Native 复选框更改值
问题描述
我希望能够通过单击来更改复选框的值。recentContacts
加载得很好,并且在计算函数中指定初始检查值效果很好。似乎会更改值,:on-press
但不会反映在 UI 中。
请帮忙
模板
<nb-list>
<nb-list-item v-for="contact in recentContacts" v-bind:key="contact.uid">
<nb-checkbox :on-press="() => contact.checked =! contact.checked" :checked="contact.checked"></nb-checkbox>
<nb-text>{{contact.firstName}} {{contact.lastName}}</nb-text>
</nb-list-item>
</nb-list>
代码
export default {
computed: {
recentContacts() {
return store.state.admin.userData.recentContacts.map(rc => {
rc.checked = false;
return rc;
});
}
},
}
编辑:我猜是因为 VUEX 是不可变的。我通过recentContacts
在data
属性内部而不是computed
不按我想做的方式来实现这一点。
解决方案
推荐阅读
- javascript - 如何将事件监听器添加到新添加的元素?
- python - 如何使多个目录的 SQLite 数据库目录动态路径?
- javascript - 如何在 Wicket 中重新编码 ajax 行为或阻止请求
- android - 从画廊返回后,不在 Fragment 中调用 onActivityResult
- javascript - 当前时间最接近半小时与下一小时时间
- javascript - 有没有办法访问 ckeditor 元素的原始属性?
- docker - Windows 或非 Linux 操作系统容器如何在 Docker 中工作?
- bootstrap-4 - 与同位素过滤器冲突的 bootstrap 组件“崩溃”
- excel - 复制并粘贴列中的最后 5 个活动单元格
- testing - 哪些测试工具和方法支持 12 因子应用程序