分布式文件存储行业解决方案和技术选型分析

element表单disabled功能失效问题

场景:当需要根据商品状态来判断是否开启disabled来禁用表单时, disabled绑定了对应的值, 但无论商品是哪种状态, 表单都能操作, disabled失效

<el-form-item label="商品分类">
            <el-select
              v-model="form.packagesTypeIdList"
              :disabled="(form.saleFlag === 0 || form.saleFlag === 2) ? false : true"
              multiple
              placeholder="请选择"
            >
              <el-option
                v-for="item in packagesTypeList"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-form-item>

data() {
 return {
 	form: {
		saleFlag: 0
	}
 }
}