根据获取到的不同状态,来控制输入框是禁止还是非禁止

第一阶段

第二阶段

第三阶段

如果还有的话 可以继续加

<template>
  <div>
    <label for="" v-for="item in 6" :key="item">
      <span>input{{item}}</span>
      <el-input :value="false || obj['input' + item] ? '禁用' : '未禁用'" :disabled="false || obj['input' + item]"></el-input>
    </label>
    <el-button @click="disabledBtn(1)">第一阶段</el-button>
    <el-button @click="disabledBtn(2)">第二阶段</el-button>
    <el-button @click="disabledBtn(3)">第三阶段</el-button>
  </div>
</template>

export default {
  data () {
    return {
      arr: []
    };
  },
  computed: {
    obj () {
      let obj = {};
      for (let i = 0; i < this.arr.length; i++) {
        obj[this.arr[i]] = true;
      }
      return obj;
    }
  },
  methods: {
    disabledBtn (index) {
      switch (index) {
        case 1:
          this.arr = ['input5', 'input6'];
          break;
        case 2:
          this.arr = ['input6'];
          break;
        case 3:
          this.arr = ['input1', 'input2', 'input3'];
          break;
        default:
          this.arr = [];
          break;
      }
    }
  }
};

感谢大佬的帮助