问答

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

作者:admin 2021-09-09 我要评论

本人VUE新手一枚,使用的过程中遇到个问题,具体代码如下: tr v-for="item in subTypeList" td{{item.name}}input type="hidden" value="" //td tdinput type="...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

本人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的时候不选中,我目前这样写好像不起作用啊,请哪位大神指点一下,谢谢。

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

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

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • VUE复选框checkbox如何根据数据判断是

    VUE复选框checkbox如何根据数据判断是

  • 请教一个前端动画类效果的实现

    请教一个前端动画类效果的实现

  • 在DolphinDB database中怎么一次性添加

    在DolphinDB database中怎么一次性添加

  • vue 项目打包后如何测试

    vue 项目打包后如何测试

腾讯云代理商
海外云服务器