1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > vue.js中获取原生的dom对象

vue.js中获取原生的dom对象

时间:2018-07-27 14:24:13

相关推荐

vue.js中获取原生的dom对象

获取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"

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。