如何在Vuejs复选框中定义为默认选中
如何在Vuejs复选框中定义为默认选中
提问于 2021-11-30 20:11:35
我已经尝试了我在其他问题中读到的所有问题，但他们没有回答我的问题。
我在列表中有一个类似这样的复选框
<input type="checkbox" v-model="selected" :value="post.rut">我的模型定义如下：
data: function() {
return {
selected: []
}
}问题是，如果我将选中项添加为默认值..它根本不会改变，我的意思是它保持复选框不被选中
<input type="checkbox" v-model="selected" :value="post.rut" checked>如果我移除v-model，它可以工作，但我不能将值发送到控制器，因为我需要绑定v-model，所以我想知道如何在复选框输入中将其设置为默认选中状态？
谢谢
回答 3
Stack Overflow用户
发布于 2021-11-30 20:13:42
如果你已经知道你想根据帖子选择哪个字段，你可以这样做：
data: function() {
return {
selected: [this.post.rut]Stack Overflow用户
发布于 2021-11-30 20:40:12
您的输入值为post.rut，您可以将其放入selected数组中的数据中，如下所示：
data: function() {
return {
selected: [this.post.rut]
}
}Stack Overflow用户
发布于 2021-12-01 12:36:22
以下是您所要求的内容的工作示例。注意：：您不需要同时使用v-model和:value，因为v-model本身就是一个双向绑定器。
var app = new Vue({
el: '#app',
data() {
return {
selected: true
};
},
});<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<input type="checkbox" v-model="selected"/>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70175466
复制相关文章
相似问题
腾讯云开发者
