1. 程式人生 > >vue中動態繫結表單元素的屬性

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為只讀狀態