vue中動態(tài)綁定表單元素的屬性方法

發(fā)布時間：2020-09-08 04:24:02 來源：腳本之家閱讀：193 作者：luckylqh 欄目：web開發(fā)

在vue中有時候可能想像使用jq一樣給某個元素添加屬性，如

$('#select1').attr('disabled','disabled')

這種方法也能實現(xiàn)，但是在vue中能用vue的方法還是盡量不要使用jq

使用vue的方法來添加屬性可以這樣：

<select v-model='issues' class="ui dropdown t-select-list" :disabled='isDisabled'>
 <option></option>
</selected>

disabled是表單元素的原生屬性，可以直接使用屬性綁定的語法 :disabled 來綁定，然后加上一個條件就可以控制這個屬性動態(tài)添加刪除，如：

watch:{
 issueDatas(){
  if(this.issueDatas.state==5){
   this.isDisabled=true;
  }
 }
}

當狀態(tài)為5的時候就能讓select為只讀狀態(tài)

以上這篇vue中動態(tài)綁定表單元素的屬性方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持億速云。

向AI問一下細節(jié)

猜你喜歡