vue获取DOM元素并设置属性
2017-09-27 13:55
549 查看
这里我想到了2个方法:
方法一:
直接给相应的元素加id,然后再document.getElementById("id");获取,然后设置相应属性或样式
方法二:
使用ref,给相应的元素加ref=“name” 然后再this.$refs.name获取到该元素
注意:在获取相应元素之前,必须在mount钩子进行挂载,否则获取到的值为空,
如果是给子组件加id并修改自定义属性,则直接会加载改子组件对应的外层div上,并不会改变该子组件原本的自定义属性的值
如果给子组件加ref,然后获取到该DOM元素之后改变相应的自定义属性的值,vue会报错:
方法一:
直接给相应的元素加id,然后再document.getElementById("id");获取,然后设置相应属性或样式
方法二:
使用ref,给相应的元素加ref=“name” 然后再this.$refs.name获取到该元素
注意:在获取相应元素之前,必须在mount钩子进行挂载,否则获取到的值为空,
如果是给子组件加id并修改自定义属性,则直接会加载改子组件对应的外层div上,并不会改变该子组件原本的自定义属性的值
如果给子组件加ref,然后获取到该DOM元素之后改变相应的自定义属性的值,vue会报错:
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "title"
相关文章推荐
- vue获取DOM元素并设置属性的两种实现方法
- DOM(包括获取元素节点的方法以及获取和设置元素节点的属性)
- jQuery 获取/设置/删除DOM元素的属性以a元素为例
- 文档对象模型DOM(获取元素节点、设置节点属性)
- jQuery 获取/设置/删除DOM元素的属性以a元素为例
- jQuery -> 获取/设置/删除DOM元素的属性
- jQuery -> 获取/设置/删除DOM元素的属性
- 【JavaScript】DOM(二)获取元素+设置属性的六种方法
- DOM:获取元素和获取设置属性
- DOM之获取元素,获取和设置属性
- 操纵DOM之---attr 获取与设置属性的值
- html的name属性可以用来获取dom元素,表单提交数组name的写法
- 动态创建Dom元素,并设置属性和类----JS&JQ
- JavaScript DOM 中获取元素属性
- vue获取dom元素的内容
- JavaScript DOM 创建元素并设置属性
- JavaScript DOM 中获取元素属性
- Jquery小点滴 - 获取和设置元素value属性
- vue中获取v-for中的dom元素
- JQuery中attr()获取和设置元素属性