vue中动态绑定表单元素的属性
2016-12-27 14:38
405 查看
在vue中有时候可能想像使用jq一样给某个元素添加属性,如
这种方法也能实现,但是在vue中能用vue的方法还是尽量不要使用jq
使用vue的方法来添加属性可以这样:
disabled是表单元素的原生属性,可以直接使用属性绑定的语法 :disabled 来绑定,然后加上一个条件就可以控制这个属性动态添加删除,如:
当状态为5的时候就能让select为只读状态
$('#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为只读状态
相关文章推荐
- vue中动态绑定表单元素的属性方法
- easyui中springmvc表单绑定domain中含有子元素的子元素属性
- jQuery1.9为动态添加元素绑定事件以及获取和操作checkbox的选择属性11
- jQuery1.9为动态添加元素绑定事件以及获取和操作checkbox的选择属性
- vue动态绑定组件子父组件多表单验证功能的实现代码
- vue中如何在v-for中动态的使用将index拼接字符串后绑定id属性
- VUE 表单元素双向绑定总结
- 绑定 value 到 Vue 实例的一个动态属性上
- vue教程1-01 v-model 一般表单元素(input) 双向数据绑定
- 对Vue- 动态元素属性及v-bind和v-model的区别详解
- label标签的for属性规定 与哪个表单元素绑定(转载)
- 通过jsp动作元素将表单的内容和javabean的属性绑定,并显示出来
- VUE实现表单元素双向绑定(总结)
- Vue- 动态元素属性及v-bind和v-model的区别
- angularJs中ng-repeat遍历动态生成的表单元素绑定ng-model无效的问题
- vue.js通过子组件通信和父子组件通信实现动态表单动态绑定事件(适合交互系统统一使用)
- vue.js基础知识篇(3):计算属性、表单控件绑定
- 动态设置表单元素的编辑属性
- 通过jsp动作元素将表单的内容和javabean的属性绑定,并显示出来。
- jQuery1.9为动态添加元素绑定事件以及获取和操作checkbox的选择属性