vue获取dom元素注意问题
Vue 获取 元素 注意 dom 问题
2023-09-14 09:07:44 时间
mounted(){ setTimeout(()=>{ this.contentToggle(); },1000) }, methods:{ contentToggle(){ console.log(this.$refs.bodyFont.offsetHeight); } }
vue想要获取dom元素的高,一般情况下我们都可以想到写在mounted函数里,即dom加载完再获取,但是结果并不如我们所想,又想到用一个
this.$nextTick(()=>{ //函数 })
来获取,发现根本没用啊/。。
所以好的办法就是用一个setTimeout定时器,时间可以设为0,但是有时候生效,有时候不生效,还是加一个小的时间值比较保险,这样就可以保证获取到的一定是dom加载后的了,该原理适用于vue中很多传值的问题,刚开始获取不到传过来的值,用一个setTimeout就可。
相关文章
- Vue专题 05_详解vue生命周期的每个节点
- 手把手写一个Vue-router,无惧面试官的vueRoute题目
- 【vue引用原生高德地图并多点标注】
- Hooks 对于 Vue 意味着什么?
- 写给vue转react的同志们(6)
- 从useEffect看React、Vue设计理念的不同
- vue md5.js_VUE.js
- vue.js 渲染函数_Vue.js的不可渲染且可扩展的RTF编辑器[通俗易懂]
- 你知道import Vue from 'vue' 吗?
- 在网页文档中引入Vue.js的方法有哪些?_vue直接引入js文件没有用
- vue父组件调用子组件属性_vue子组件获取父组件实例
- Vue分页导航_vue分页组件
- vue 调用子组件方法失败_Vue子组件调用父组件的方法及常见问题「建议收藏」
- vue中父组件传值给子组件,父组件值改变,子组件不能重新渲染[通俗易懂]
- Vue(renren-fast_vue_master)项目目录结构[通俗易懂]
- vue是如何获取元素节点 ?
- Vue的Eslint报错‘res‘ is defined but never used
- vue入门篇之Vue.js 组件
- IDEA安装Vue插件后为什么创建.vue文件不显示vue图标
- Vue.js 滑动拼图验证码实现笔记
- Vue结合Redis,加快数据读取速度(vue读取redis)
- Vue快速连接Redis实现数据存储(vue 直连redis)
- Vue实时监测Redis变化(vue监控redis变化)
- 使用Vue从Redis获取数据(vue去redis取数据)