如何使我的复选框以true开头

Question

我正在使用boostrapvue，我的复选框默认为false，我可以使用道具让我的应用程序显示默认为true吗？

<b-form-checkbox v-model="checked" autofocus="true" 
name="AddVendcheck-button"  value="true" switch="true">
</b-form-checkbox>

这是一个简单的问题，可能会被否决。。但我在bootstrap上没有看到类似的问题。你可以看到，我在所有道具上都尝试了true，但它仍然是假的。。

Answer 1

您应该将checked值绑定到脚本中的data属性，并使此输入成为被动输入。我认为你应该努力提高对vue js的理解，以便更好地理解bootstrap-vue。

以下是解决您问题的代码片段。

new Vue({
el: "#app",
data: function() {
return {
checked: true,
}
},
methods: {
toggle_checkbox() {
this.checked = !this.checked
}
}
});

<link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap/dist/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>
<script src="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js"></script>
<div id="app">
<b-form-checkbox v-model="checked" switch="true" />
<b-button @click="toggle_checkbox()">Toggle</b-button>
</div>