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

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

創(chuàng)新互聯(lián)公司自2013年起，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站設(shè)計(jì)、做網(wǎng)站網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元撫遠(yuǎn)做網(wǎng)站,已為上家服務(wù),為撫遠(yuǎn)各地企業(yè)和個人服務(wù),聯(lián)系電話:18980820575

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

這種方法也能實(shí)現(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;
  }
 }
}

當(dāng)狀態(tài)為5的時(shí)候就能讓select為只讀狀態(tài)

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

當(dāng)前名稱：vue中動態(tài)綁定表單元素的屬性方法
文章鏈接：http://muchs.cn/article32/ipggpc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、動態(tài)網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、定制網(wǎng)站、App設(shè)計(jì)、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)