Vue.js 使用Vuejs和v-model预先选中复选框

我有一系列的复选框，它们用一个值绑定到

v-model

然而，当你来到页面时，我需要预先选中一些复选框。我无法使用

：checked

绑定，因为我正在使用

v-model

，我需要v-model将值传递给我的

checkedNames

数组

杰克
约翰
迈克


选中的名称：{{checkedNames}

newvue({
el:“#示例3”，
数据：{
选中名称：[]
}
})

我随意修改了一些东西，但这就是你想要的：

{{item.name}
选中的名称：{{checkedNames}

newvue({
el:“#示例3”，
数据（）{
返回{
姓名：[{
名字：“杰克”，
核对：正确
}, {
姓名：'约翰'，
勾选：假
}, {
名字：“迈克”，
勾选：假
}]
}
},
计算：{
选中名称（）{
返回此.names.filter（item=>item.checked）.map（name=>name.name）
}
}
})

---

和一把工作小提琴：

您可以在输入上使用

mounted（）

钩子和

ref

属性

...

newvue({
el:“#示例3”，
数据：{
选中名称：[]
},
挂载（）{
this.checkedNames.push（this.refs.precheck.value）
}
})