使用vue设置disabled属性

使用vue设置disabled属性,第1张

在写项目的时候,由于搭盯save和update方法使用了同一个界面,在保存知吵和的时候下拉框可选,在修改的时碰裤候下拉框不可选

实现方法   v-bind:disabled="dataForm.trainName!=0"

在vue中有时候可能想像使用jq一样给某个元素添加属性,如

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

这种方法也能实现,但是在vue中能用vue的方法还是尽量不要使用jq

使用vue的李简数方法来添加属性可以这样:

<select v-model='issues' class="ui dropdown t-select-list" :disabled='isDisabled'>

<option></option>

<哪首/selected>123

disabled是表单元素的原生属性,可以咐纤直接使用属性绑定的语法 :disabled 来绑定,然后加上一个条件就可以控制这个属性动态添加删除,如:

watch:{

issueDatas(){

if(this.issueDatas.state==5){

this.isDisabled=true

}

}

}


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/8037342.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-12
下一篇2023-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存