基于vue1和vue2获取dom元素的方法

放眼望去,水田已被一莲花覆盖,鲜艳的红色水滴随雨水流下,半溶解的花海在彩霞中无边无际地延伸,抬头仰望,之间峥嵘的山峰在山腹间吐出薄薄的春云。

vue1.*版本中

在标签中加上el='dom',然后在代码中this.$els.dom这样就拿到了页面元素

例如:<div class='box' v-el: myBox>你好</div>

让你好的颜色显示为红色:this.$els.my-box.style.color = 'red'

vue2.*版本中

在标签中加上ref='dom',然后在代码中this.$refs.dom这样就拿到了页面元素

例如:<div class='box' ref='myBox'>你好</div>

让你好的颜色显示为红色:this.$refs.myBox.style.color = 'red

以上这篇基于vue1和vue2获取dom元素的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

您可能有感兴趣的文章
Vue虚拟Dom到真实Dom的转换

一篇关于vue3编写挂载DOM的插件问题

vue监听dom大小改变案例

详解Vue3中对VDOM的改进

vue 虚拟DOM的原理