大家好,又见面了,我是你们的朋友全栈君。
vue .js绑定checkbox并获取、改变选中状态
1.html
<div class="weui-cells weui-cells_checkbox font14" v-for="item in items">
<label class="weui-cell weui-check__label">
<div class="weui-cell__ft width-inherit">
<input type="checkbox" class="weui-check" v-on:click="CheckItem(item)" v-model="item.state" name="checkbox" />
</div>
</label>
</div>
2.js
var vum = new Vue({
data:{
items:[{state:false}]
},
methods:{
CheckItem:function(item){
item.state = !item.state;
console.log(this.items);
}
}
})
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/150121.html原文链接:https://javaforall.net