下面我就為大家分享一篇vue中動態綁定表單元素的屬性方法，具有很好的參考價值，希望對大家有幫助。
在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-cli中使用webpack模板解決專案建立與打包路徑問題
以上是在vue中如何動態綁定表單元素的屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！
