admin管理员组

文章数量:1640629

<el-form-item label="维护类别" prop="maintenanceCategories">
  <el-select
    v-model="form.maintenanceCategories"
    placeholder="请选择维护类别"
    @change="changeHandler"
  >
    <el-option
      v-for="dict in dict.type.maintenance_categories"
      :key="dict.value"
      :label="dict.label"
      :value="dict.value"
    ></el-option>
  </el-select>
</el-form-item>
<el-form-item label="维护周期" prop="calibrationCycle">
  <el-input
    v-model="form.calibrationCycle"
    placeholder="请输入维护周期"
    :disabled="
      form.maintenanceCategories === undefined ||
      form.maintenanceCategories === '1'
    "
  />
</el-form-item>
export default {
  data() {
    return {
      form: {},
      // 表单校验
      rules: {
        calibrationCycle: [],
      },
    };
  },
  methods: {
    changeHandler(value) {
      if (value === "0") {
        this.rules.calibrationCycle.push({
          required: true,
          message: "维护周期不能为空",
        });
      } else {
        this.rules.calibrationCycle.pop();
      }
    },
  }
}

↓ \downarrow ↓

本文标签： 属性表单动态vueelement

版权声明：本文标题：vue+element表单通过disabled属性动态改变rules属性 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1729317834a1195514.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。