两个下拉菜单关联,一个变化了影响另一个的内容以及活性的设置,需要注意的是,赋值的时候要是用this.$set进行赋值

html代码

        <el-form-item label="调整模式" prop="changeMode">
          <el-select v-model="form.changeMode" placeholder="请输入调整模式"
filterable clearable style="width: 100%"
                     @change="handleChange">
            <el-option v-for="dict in dict.type.change_mode"
                       :key="dict.value"
                       :label="dict.label"
                       :value="dict.value"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="调整类型" prop="changeType">
          <el-select v-model="form.changeType" placeholder="请输入调整类型"
clearable filterable style="width: 100%"
                     :disabled="showChangeType">
            <el-option v-for="dict in dict.type.change_type"
                       :key="dict.value"
                       :value="dict.value"
                       :label="dict.label"></el-option>
          </el-select>
        </el-form-item>

js代码

    /**状态改变事件*/
    handleChange(val) {
      if (val == 1) {
        this.showChangeType = true;
        this.$set(this.form, "changeType", "1");
      } else {
        this.showChangeType = false;
        this.$set(this.form, "changeType", "");
      }
    },

网上有其他人使用过下面这个方式进行赋值,但是我试了一下,不好用,本人推荐使用上面的方式进行赋值

        this.$set(this.form, this.form.changeType, "1");

技术
下载桌面版
GitHub
百度网盘(提取码:draw)
Gitee
云服务器优惠
阿里云优惠券
腾讯云优惠券
华为云优惠券
站点信息
问题反馈
邮箱:[email protected]
QQ群:766591547
关注微信