问答

这里的disabled为什么只生效一次,

作者:admin 2021-05-06 我要评论

想没勾选就disabled = false,勾选就true,我这个只生效一遍,第二次进来怎么点都是false... tr v-for="(item,index) in list" :key="item.id" td class="checkbox"...

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

想没勾选就disabled = false,勾选就true,我这个只生效一遍,第二次进来怎么点都是false...

<tr v-for="(item,index) in list" :key="item.id">
    <td class="checkbox">
        <el-checkbox v-model="item.sel"></el-checkbox>
    </td>
</tr>

<div :disabled= "disabled">提交订单</div>


this.list = [
    {
        sel:false
    },
    {
        sel:false
    }
]

//勾选触发监听
this.list.forEach(i => {
    if (i.sel) {
        this.disabled = false
    }
})
###

从楼主提供的代码中只看到disabled变量的赋值,没看到在html中使用。
checkbox中disable是禁用状态,选中状态是checked。
如果按照楼主的意思,没勾选disable=false,这时候checkbox是不能点击的禁用状态,没办法选中。
楼主是不是把:checked属性赋值给disable了?

<el-checkbox v-model="item.sel" :checked="disable"></el-checkbox>

那么监听勾选动作时就应该

//勾选触发监听
this.list.forEach(i => {
    if (i.sel) {
        this.disabled = true
    }
})

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

相关文章
  • element ui table 列合并

    element ui table 列合并

  • java maven 里面配置报错

    java maven 里面配置报错

  • java maven 问题

    java maven 问题

  • 为什么同一个链接用chrome打开就是下载

    为什么同一个链接用chrome打开就是下载

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