VUE中获取DOM的N种方法
方式一 : 通过document.querySelectorAll(selectors)或者document.querySelector 来获取
1. 必须在mouted钩子内获取dom元素 , 只有在执行mounted的时候vue已经渲染了dom节点，
这个时候是可以获取dom节点的，否则无法获取
mounted(){
this.title = document.querySelectorAll('.footer-box-title'); //获取多个符合条件dom元素
this.title = document.querySelector('.footer-box-title'); //获取符合条件dom元素中的第一个元素
this.title.style.color = "#ff0000";
}
方式二 : 给想要获取元素添加ref属性 , 通过 this.$refs来获取dom
<button ref="btn">获取ref</button>
this.title = this.$refs.btn
this.title .style.backgroundColor="#ff0000"
本文标题：VUE中获取DOM的N种方法
本文链接：https://www.haomeiwen.com/subject/lzqqmctx.html
网友评论