vue从后端获取数据绑定复选框

最新推荐文章于 2024-05-06 11:00:05 发布

j12598

最新推荐文章于 2024-05-06 11:00:05 发布

阅读量3.1k

点赞数

分类专栏： vue 文章标签： vue 复选框绑定

本文链接：https://blog.csdn.net/j12598/article/details/93708732

版权

vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

首先看后端传过来的数据是什么形式的，如果是布尔类型的话可以直接绑定

<input name="checkbox" v-bind:value="good.id" v-bind:checked="good.checked" type="checkbox" class="checkbox" @click="changeStatus($event,good.id)">

如果不是的话，需要在ajax回调里手动修改下，
eg：
若后端传来的数据选中为1，未选中为0；则回调如下：

function(data) {
	if(data.code == 0) {
		for(var i = 0; i < data.data.length; i++) {
			if(data.data[i].checked == '1') {
				data.data[i].checked = true;
			} else {
				data.data[i].checked = false;
			}
		}
		that.shopchatGood = data.data;
	}
	console.log(data.msg);
}