:disabled禁用（是否有某个数据来判断禁用）后有禁用标志但是仍然可选

蜂蜜柚子西瓜冰

于 2024-02-22 17:55:54 发布

阅读量413

点赞数 9

分类专栏：前端（组件）文章标签： elementui 前端 html5

本文链接：https://blog.csdn.net/qq_43681092/article/details/136240104

版权

前端（组件）专栏收录该内容

2 篇文章 0 订阅

订阅专栏

问题描述

使用:disabled禁用部分选项，使用某个数据是否有值来判断是否禁用，但是在页面上有禁用标志，点击禁用项后依然可以选中

原因

:disabled需要布尔值参数

原代码

<el-option
   v-for="item in partyList"
   :disabled="item.checkId"
   :key="item.partyId"
   :label="item.partyName"
   :value="item.partyId">
</el-option>

修改后代码

<el-option
   v-for="item in partyList"
   :disabled="!!item.checkId"
   :key="item.partyId"
   :label="item.partyName"
   :value="item.partyId">
</el-option>