首页 > 其他 > 详细

vue3 使用ref获取Dom元素

时间:2020-10-05 12:12:49      阅读:6945      评论:0      收藏:0      [点我收藏+]

vue3 中文文档 去进行详细了解

1.vue2.x 获取dom

1 <div ref="dom"></div>
2 
3 this.$refs.dom

2.vue3.x 获取dom

 

 

setRef
技术分享图片
setRef

 

 1 <template>
 2   <div :ref="dom">DOM元素</div>
 3 </template>
 4 
 5 <script>
 6 import { nextTick } from ‘vue‘;
 7 export default {
 8   setup() {
 9     let refs = ‘‘;
10 
11     const dom = el => {
12       refs= el;
13     }
14 
15     nextTick(() => {
16       console.log(refs);
17     })
18     return {
19       dom
20     };
21   }
22 };
23 </script>

这样就可以进行dom操作了,有不对的地方欢迎大家指正吖

vue3 使用ref获取Dom元素

原文:https://www.cnblogs.com/jiabingyue/p/13769618.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!