有时我们在生命周期mounted中用用js原生方法获取不到dom:

<div class='test'></div>

const dom = document.getElementsByClassName('test')[0]

console.log(dom) // 有时打印出了数据,但选中并不能指向文档中的元素

方案:

使用vue提供的ref解决问题

<div ref='test'></div>

const dom = this.$refs.test

拓展:判断js变量是否为dom元素:

dom instanceof HTMLElement

 

Logo

前往低代码交流专区

更多推荐