vue.js中获取原生的dom对象
获取dom元素可以使用elementList = document.querySelectorAll(selectors);//获取多个dom元素 如ul中的lielement = document.querySelector(selectors)//获取dom元素中的第一个元素在vu...
·
获取dom元素可以使用
elementList = document.querySelectorAll(selectors);//获取多个dom元素 如ul中的li
element = document.querySelector(selectors)//获取dom元素中的第一个元素
在vue中使用
- mounted(){//这里必须是mouted钩子
- this.title = document.querySelector('#footer-box-title');
- this.title.style.color = "#ff0000";
- }
要在mounted中使用,因为只有在执行mounted的时候,vue已经渲染了dom节点,这个时候是可以获取dom节点的,vue中尽量不去操作dom元素,选用ref操作属性获取
首先设置ref=“xxx” 然后等所有的dom加载完毕之后,使用this.$ref.btn来进行操作
<button ref="btn">获取ref</button>
this.$refs.btn.style.backgroundColor="#ff0000"
更多推荐



所有评论(0)