溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue中動態綁定表單元素的屬性方法

發布時間:2020-09-08 04:24:02 來源:腳本之家 閱讀:219 作者:luckylqh 欄目:web開發

在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中動態綁定表單元素的屬性方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女