vue動(dòng)態(tài)禁用控件綁定disable的例子
更新時(shí)間：2019年10月28日 09:34:31 作者：夏早安
今天小編就為大家分享一篇vue動(dòng)態(tài)禁用控件綁定disable的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
場(chǎng)景
報(bào)修范圍取值不同時(shí) ，區(qū)域有時(shí)需要禁用
代碼
<el-form-item label="報(bào)修范圍" prop="applicationRange" >
<el-select v-model="addInfo.applicationRange" placeholder="請(qǐng)選擇報(bào)修范圍" 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ǐng)選擇區(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動(dòng)態(tài)禁用控件綁定disable的例子就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了利用vant如何給tabbar配置路由，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
vue3 選中對(duì)話框時(shí)對(duì)話框右側(cè)出一個(gè)箭頭效果
本文主要介紹了Vue3實(shí)現(xiàn)選中對(duì)話框帶箭頭效果的方法,首先通過后臺(tái)獲取數(shù)據(jù)進(jìn)行遍歷,利用ts代碼判斷選中下標(biāo)與循環(huán)游標(biāo)是否一致以改變樣式,感興趣的朋友一起看看吧2024-10-10
vue中實(shí)現(xiàn)點(diǎn)擊變成全屏的多種方法
這篇文章主要介紹了vue中實(shí)現(xiàn)點(diǎn)擊變成全屏的多種方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-09-09
基于Vue實(shí)現(xiàn)可以拖拽的樹形表格實(shí)例詳解
因業(yè)務(wù)需求，需要一個(gè)樹形表格，并且支持拖拽排序，任意未知插入，github搜了下，真不到合適的，大部分樹形表格都沒有拖拽功能，所以決定自己實(shí)現(xiàn)一個(gè)。這里分享一下實(shí)現(xiàn)過程,需要的朋友可以參考下2018-10-10
在Vue.js應(yīng)用中實(shí)現(xiàn)分布式搜索和全文搜索
分布式搜索和全文搜索在現(xiàn)代應(yīng)用程序中變得越來越重要,因?yàn)樗鼈兛梢詭椭脩艨焖俨檎液蜋z索大量數(shù)據(jù),Elasticsearch是一種強(qiáng)大的分布式搜索引擎,本文將介紹如何在Vue.js應(yīng)用程序中實(shí)現(xiàn)分布式搜索和全文搜索,以及如何與Elasticsearch集成,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了vue3.0如何在全局掛載對(duì)象和方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
本篇文章主要介紹了Vue-基本標(biāo)簽和自定義控件，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要介紹了Vue常用的全選/反選的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
這篇文章主要介紹了Vue.js $refs用法案例詳解,本篇文章通過簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09
詳解Vue 中 extend 、component 、mixins 、extends 的區(qū)別
這篇文章主要介紹了Vue 中 extend 、component 、mixins 、extends 的區(qū)別,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-12-12