尝试在引导vue中预先检查复选框
尝试在引导vue中预先检查复选框
提问于 2020-06-12 20:45:08
我在输入时使用了以下代码：
<b-form-checkbox
v-for="option in suggestedGroups"
v-model="selected"
:key="option.item"
:value="option"
name=""
checked
>但是，尽管有checked标志，复选框还是空的。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-06-12 20:57:09
若要设置复选框，请执行以下操作。您需要将v-model设置为与要选中的复选框相同的值。
new Vue({
el: '#app',
data() {
return {
selected: 2,
options: [
{ value: 1, text: 'Value 1' },
{ value: 2, text: 'Value 2' },
{ value: 3, text: 'Value 3' }
]
}
}
})<link href="https://unpkg.com/bootstrap@4.5.0/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://unpkg.com/bootstrap-vue@2.15.0/dist/bootstrap-vue.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.js"></script>
<script src="https://unpkg.com/bootstrap-vue@2.15.0/dist/bootstrap-vue.js"></script>
<div id="app">
<b-form-checkbox v-model="selected" v-for="option in options" :key="option.value" :value="option.value">
{{ option.text }}
</b-form-checkbox>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62352214
复制相关文章
相似问题
腾讯云开发者
