vue页面加载完毕之后执行

发表于2021-06-20|更新于2026-02-24

|浏览量:

好奇心造就科学家和诗人。——法朗士

当vue页面加载完成后触发

我们在html开发中经常是使用window.onload实现

1
2
3

window.onload = () => {
    
}

但在vue中我们使用this.$nextTick

1
2
3

this.$nextTick(() => {
    console.log("页面加载完啦~")
})

效果如下

前端

相关推荐

2020-09-27

随机数

志不强者智不达。——《墨子·修身》 javascript0到99随机整数： 1parseInt(Math.random() * 100); java0到99随机整数 1new Random().nextInt(100);

2021-12-08

nvue中list组件下拉刷新后无法上拉加载更多

倘能生存，我当然仍要学习。——鲁迅组件官网地址：https://uniapp.dcloud.io/component/list 今天在使用list组件时，发现下拉刷新一次后，就不能上拉加载更多了最后发现官方文档： loadmore 事件如果列表滚动到底部将会立即触发这个事件，你可以在这个事件的处理函数中加载下一页的列表项。如果未触发，请检查是否设置了loadmoreoffset的值，建议此值设置大于0 如何重置 loadmore 1234567891011121314151617181920212223<template> <list ref="list"> <cell v-for="num in lists"> <text>{{num}}</text> </cell> </list></template><script> export defaul...

2022-02-25

photopea

我明知生命是什么，是时时刻刻不知如何是好，所以听凭风里飘来花香泛滥的街，习惯于眺望命题模糊的塔，在一顶小伞下大声讽评雨中的战场。——木心分享一款在线ps的网站：https://www.photopea.com/ 非常方便~

2022-05-31

node版本管理工具nvm

凡心所向，素履所往，生如逆旅，一苇以航。——『尘曲』我们经常需要多个node版本切换的场景，nvm可以做到这一切代码地址：https://github.com/nvm-sh/nvm 我们这里用的是windows，因此windows仓库地址：https://github.com/coreybutler/nvm-windows 首先是下载：https://github.com/coreybutler/nvm-windows/releases/tag/1.1.7 下载zip包后安装即可注意这里是1.1.7版本，而且安装目录尽量放在D盘新建的目录等没有空格、中文、乱七八糟的权限干扰的目录然后选择node路径时同理完成后即可使用 123456789101112$ nvm use 16Now using node v16.9.1 (npm v7.21.1)$ node -vv16.9.1$ nvm use 14Now using node v14.18.0 (npm v6.14.15)$ node -vv14.18.0$ nvm install 12Now using nod...

2021-10-08

vue强制更新

人生是花，而爱便是花的蜜。——雨果我们可以使用： 1this.$forceUpdate(); 去强制重新渲染vue的页面元素一般用于异步请求回调后赋值完毕，但页面未渲染的情况下官方文档介绍如下：示例：迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。

2022-02-16

react快速上手

一个人能否有成就，只看他是否具备自尊心与自信心两个条件。——苏格拉底今天想简单玩玩React，我们打开React官方文档： https://react.docschina.org/ 点击入门教程通过简单的介绍后，我们开始代码编写打开提供的在线初始代码(我们之后再搭建本地开发环境来完成这个游戏，今天暂时只做一个简单入门)： https://codepen.io/gaearon/pen/oWWQNa?editors=0010 打开codepen提供的在线编辑器，看到初始代码后，我们可以开始尝试编写注意看文档，这里三个React组件Square正方形、Board画板以及Game游戏看到代码中的结构为主入口： 123456// ========================================ReactDOM.render( <Game />, document.getElementById('root')); 其中通过root这个id绑定了一个节点，包含了一个Game组件 123456789101112131415cl...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中