在 vue2 js 中,我想使用带有 v-model 的复选框。
<input type="checkbox" value="test" :checked="selected"/>
我希望复选框的值为 test
,但是我希望与名为 selected
的 Prop 进行双向绑定(bind),这是一个 bool 值。但是,以上仅进行一种方式绑定(bind)。我该如何解决这个问题?
谢谢
最佳答案
使用v-model
代替:checked
new Vue({
el: '#app',
data: {
selected: false
}
});
<script src="https://unpkg.com/vue@2"></script>
<div id="app">
<input type="checkbox" value="test" v-model="selected">
<div>Selected: {{selected}}</div>
</div>
关于javascript - 如何在 vue.js 中使用带复选框的 v-model?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53366395/