vue watch的简单用法

   HTMML  里

           <select v-model="val" >
                    <option value="1">单板</option>
                    <option value="2">双板</option>
                </select>

                <select v-model="issur">
                    <option  :disabled="a"  value="1">CASI</option>
                    <option  :disabled="b"  value="2">CSIA</option>
                </select>

DATA里

val:'1',

WATCH里

 watch:{
      'val':function (val,oldval) {
      if(val==='1'){
         this.issur='1'
         this.a=false;
         this.b=true
 
}else {     
  this.issur='2'
  this.a=true;
  this.b=false;
}
      }
    },

结果:选择单板,默认选择CASI,CSIA禁止选择

猜你喜欢

转载自blog.csdn.net/jmymy0/article/details/81201635