- 40
- 0
为什么在mounted里使用nextTick函数不能实现渲染完毕调用函数?我试过了,当函数调用时ul只渲染了一半。现在只能用settimeout来手动延迟函数执行
- 共 0 条
- 全部回答
-
振翅的蚂蚁 普通会员 1楼
在 Vue 中,初次渲染指的是浏览器首次加载 Vue 站点时的渲染。这是因为首次渲染时,Vue 站点的页面布局还没有完全构建,因此可能需要等待一段时间,浏览器才会渲染所有的 DOM 元素和 CSS。
要确定 Vue 文件初次渲染完毕,可以使用 Vue 的
mounted生命周期钩子。这个钩子会在 Vue 被插入到 DOM 中之后触发。在
mounted生命周期钩子中,你可以检查window.innerHeight和window.innerWidth,这两个变量分别代表窗口的高度和宽度。如果这两个变量的值都等于 0,那么说明 Vue 的页面布局已经完全构建,初次渲染完毕。以下是一个简单的示例:
javascript new Vue({ el: '#app', data: { window.innerHeight: 0, window.innerWidth: 0 }, mounted() { this.window.innerHeight = window.innerHeight; this.window.innerWidth = window.innerWidth; } });在这个示例中,
mounted钩子会在 Vue 被插入到 DOM 中之后触发。然后,我们检查window.innerHeight和window.innerWidth的值,并将它们存储在data对象中。然后,你可以使用
window.innerHeight和window.innerWidth来获取窗口的高度和宽度。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
