vue获取dom元素的几种方式

在任意标签上:ref=“xx”
获取dom元素:this.$refs.xx.
如图:
vue获取dom元素的几种方式_第1张图片

mounted()时才能获取this.$refs.xx

vue获取dom元素的几种方式_第2张图片
vue获取dom元素的几种方式_第3张图片

获取dom标签:this.$refs.xx.$el

vue获取dom元素的几种方式_第4张图片

$parent: 获取当前组件的父组件
$el: 获取当前组件的DOM元素

vue获取dom元素的几种方式_第5张图片

vm.$nextTick
什么时候用:在Vue渲染DOM到页面后 立即做某件事,用$nextTick
this.$nextTick(function() {
   ·····dosomething
})
Vue会先让代码执行完,然后才会根据最终的值,进行DOM操作。
调用组件方法:
this.$refs.组件名.组件方法();

你可能感兴趣的:(element-ui,vue,HBuilderX,vue,elementui)