VueJs 3 checkbox v-model绑定对象数组不生效问题咨询
问题根因
你的绑定失效是两个基础用法错误导致的:
- 你声明的
actions数组不是响应式数据,Vue无法追踪它的变更,自然无法同步双向绑定的状态。直接在<script>顶层用let声明的普通变量不属于Vue组件的响应式上下文,模板甚至无法正确访问到这个变量,更不会同步它的更新。 - Vue的复选框绑定数组逻辑本身是内置支持的:选中时会将当前
:value绑定的值推入v-model绑定的数组,取消选中时从数组移除对应值,但这个逻辑的前提是v-model绑定的是组件上下文中的响应式变量。
修复方案
根据你使用的API风格选择对应的写法即可:
组合式API(推荐
相关产品推荐
相关产品推荐

