在vue中如何動態綁定表單元素的屬性

下面我就為大家分享一篇vue中動態綁定表單元素的屬性方法，具有很好的參考價值，希望對大家有幫助。

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

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

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

使用vue的方法來新增屬性可以這樣：

#

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

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

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

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

上面是我整理給大家的，希望今後對大家有幫助。

相關文章：

在vue-cli中使用webpack模板解決專案建立與打包路徑問題

在vue-cli下使用vuex（詳細教學）

如何使用vue-cli編寫vue外掛程式

以上是在vue中如何動態綁定表單元素的屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！