在vue中有時候可能想像使用jq一樣給某個元素添加屬性,如
創(chuàng)新互聯(lián)公司自2013年起,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項目網(wǎng)站設(shè)計、做網(wǎng)站網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元撫遠(yuǎn)做網(wǎng)站,已為上家服務(wù),為撫遠(yuǎn)各地企業(yè)和個人服務(wù),聯(lián)系電話:18980820575
$('#select1').attr('disabled','disabled')
這種方法也能實現(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的時候就能讓select為只讀狀態(tài)
以上這篇vue中動態(tài)綁定表單元素的屬性方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。
當(dāng)前名稱:vue中動態(tài)綁定表單元素的屬性方法
文章鏈接:http://www.rwnh.cn/article32/ipggpc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、動態(tài)網(wǎng)站、品牌網(wǎng)站設(shè)計、定制網(wǎng)站、App設(shè)計、網(wǎng)站內(nèi)鏈
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)