欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

vue1与vue2获取dom元素步骤详解

程序员文章站 2022-03-08 22:54:40
...
这次给大家带来vue1与vue2获取dom元素步骤详解,vue1与vue2获取dom元素的注意事项有哪些,下面就是实战案例,一起来看一下。

vue1.*版本中

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

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

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

vue2.*版本中

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

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

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

相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!

推荐阅读:

JS给动态创建元素添加事件步骤详解

怎样操作vue函数调用顺序

以上就是vue1与vue2获取dom元素步骤详解的详细内容,更多请关注其它相关文章!

相关标签: vue1 vue2 步骤