vue3中使用v-model去显示多选框checkbox是否被选中出现的问题

最新推荐文章于 2025-06-16 03:14:02 发布

原创

最新推荐文章于 2025-06-16 03:14:02 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #checkbox

在Vue3应用中，使用v-model绑定多选框默认选中状态时遇到错误。报错信息表明v-model不适于此场景。为解决该问题，可以将v-model替换为v-bind:checked，例如v-bind:checked="todo.isSelected"。如此，当todo.isSelected为true时，法拉利选项将默认选中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

**问题说明：
当时用v-model去双向绑定多选框的默认选中时，运行报错

<label>
      <input type="checkbox"  v-model="todo.isSelected" />  //todo中的isSelected是布尔值类型的，用来表示多选框是否默认被选中的状态
      <span>{
   
   {
   
   todo.title}}<