VUE复选框checkbox如何根据数据判断是否应该选中？

Question

本人VUE新手一枚，使用的过程中遇到个问题，具体代码如下：

<tr v-for="item in subTypeList">
            <td>{{item.name}}<input type="hidden" value="" /></td>
            <td><input type="checkbox" v-model="item.status" /></td>
        </tr>

item.status 返回的值是0或1，我现在希望值为0的时候选中，值为1的时候不选中，我目前这样写好像不起作用啊，请哪位大神指点一下，谢谢。

Answer 1

checkbox v-model绑定的变量是布尔值: 选中状态的是true，未选中状态是false,
所以处理一下 subTypeList 即可

const newArr = this.subTypeList(item => {
    return {
        ...item,
        status: item.status === 1
    };
})

Answer 2

v-model="!item.status" 即可!