欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue動態(tài)禁用控件綁定disable的例子

 更新時間：2019年10月28日 09:34:31   作者：夏早安  
今天小編就為大家分享一篇vue動態(tài)禁用控件綁定disable的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

場景

報修范圍取值不同時 ，區(qū)域有時需要禁用

代碼

<el-form-item label="報修范圍" prop="applicationRange" >

<el-select v-model="addInfo.applicationRange" placeholder="請選擇報修范圍" style="width: 200px" @change="inputToDisabled" >

  <el-option v-for="item in applicationRangeList" :key="item.value" :label="item.label" :value="item.value">

            </el-option>

</el-select>

</el-form-item>

<el-form-item label="區(qū)域" prop="areaCodeAdd">

<el-select v-model="addInfo.areaCodeAdd" placeholder="請選擇區(qū)域" v-on:change="getBuildListAdd" style="width: 220px" :disabled="isAble" >

<el-option

v-for="item in areaListAdd"

:key="item.value"

:label="item.label"

:value="item.value">

</el-option>

</el-select>

</el-form-item>

methods:{

 inputToDisabled (){

   if (this.addInfo.applicationRange === '1002') {

       this.isAble = true; // 注意true是不可用

    } else{

       this.isAble = false; //可用

    }

  },

}

以上這篇vue動態(tài)禁用控件綁定disable的例子就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關文章

最新評論