vue中下拉菜单的赋值问题

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

html代码

       
                               @change="handleChange">
                                   :key="dict.value"
                       :label="dict.label"
                       :value="dict.value">

         

       

       
                               :disabled="showChangeType">
                                   :key="dict.value"
                       :value="dict.value"
                       :label="dict.label">

         

       

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");

你可能感兴趣的:(vue.js,elementui,javascript)