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

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

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

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

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

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

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

當狀態為5的時候就能讓select為只讀狀態

以上這篇vue中動態綁定表單元素的屬性方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。