vue el-select 下拉选如何禁用某个 options

最新推荐文章于 2024-02-28 17:40:20 发布

B站老B灯

最新推荐文章于 2024-02-28 17:40:20 发布

阅读量3.2k

点赞数 1

文章标签： vue elementui

本文链接：https://blog.csdn.net/weixin_47417181/article/details/125444782

版权

<el-select
                :disabled="scope.row.invoiceType==1||scope.row.disChange"
                style="width: 100%"
                size="mini"
                v-model="scope.row.invoiceType"
                placeholder="请选择"
                remote
                @change="fpChange(scope.row)"
              >
                <el-option
                  v-for="i in invoiceTypeList"
                  :value="i.value"
                  :label="i.label"
                  :key="i.value"
                  :disabled="i.disabled"
                ></el-option>
              </el-select>



invoiceTypeList: [
        { value: 1, label: "电子普通发票", disabled: true },
        { value: 2, label: "纸质普通发票" },
        { value: 3, label: "增值税专用发票" },
        { value: 4, label: "红冲发票" },
      ],

直接在数据中添加一个disabled属性