下面我就为大家分享一篇vue中动态绑定表单元素的属性方法,具有很好的参考价值,希望对大家有所帮助。
在vue中有时候可能想像使用jq一样给某个元素添加属性,如
$('#select1').attr('disabled','disabled')这种方法也能实现,但是在vue中能用vue的方法还是尽量不要使用jq
使用vue的方法来添加属性可以这样:
disabled是表单元素的原生属性,可以直接使用属性绑定的语法 :disabled 来绑定,然后加上一个条件就可以控制这个属性动态添加删除,如:
立即学习“前端免费学习笔记(深入)”;
watch:{
issueDatas(){
if(this.issueDatas.state==5){
this.isDisabled=true;
}
}
}当状态为5的时候就能让select为只读状态
Yes!Sun基于PHP+MYSQL技术,体积小巧、应用灵活、功能强大,是一款为企业网站量身打造的WEB系统。其创新的设计理念,为企业网的开发设计及使用带来了全新的体验:支持前沿技术:动态缓存、伪静态、静态生成、友好URL、SEO设置等提升网站性能、用户体验、搜索引擎友好度的技术均为Yes!Sun所支持。易于二次开发:采用独创的平台化理念,按需定制项目中的各种元素,如:产品属性、产品相册、新闻列表
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:









