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

发布于 2022-09-12 22:11:19 字数 493 浏览 13 评论 0

想没勾选就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
    }
})

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

勿忘初心 2022-09-19 22:11:19

从楼主提供的代码中只看到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
    }
})
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文