You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VueJs 3 checkbox v-model绑定对象数组不生效问题咨询

问题根因

你的绑定失效是两个基础用法错误导致的:

  • 你声明的actions数组不是响应式数据,Vue无法追踪它的变更,自然无法同步双向绑定的状态。直接在<script>顶层用let声明的普通变量不属于Vue组件的响应式上下文,模板甚至无法正确访问到这个变量,更不会同步它的更新。
  • Vue的复选框绑定数组逻辑本身是内置支持的:选中时会将当前:value绑定的值推入v-model绑定的数组,取消选中时从数组移除对应值,但这个逻辑的前提是v-model绑定的是组件上下文中的响应式变量。
修复方案

根据你使用的API风格选择对应的写法即可:

组合式API(推荐

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.01 03:09:44