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("页面加载完啦~")
})

效果如下

前端

相关推荐

2023-01-02

transition.style

我这个人走得很慢，但是我从不后退。——亚伯拉罕·林肯分享一个网站https://www.transition.style 这个网站提供了transition的各种css动画效果，其github地址：https://github.com/argyleink/transition.css 可以直接选取你需要的动画效果，点击复制，右边还可以自定义时间、淡入淡出等

2022-09-26

gridsome

礼仪周全能宁人息事——茹贝尔 gridsome是一个基于 Vue.js 构建的 Jamstack 框架官方文档：https://www.gridsome.cn/ 这个可以帮助我们快速建造一个网站，其特点是graphql，不需要服务端，开发快、性能好，前端人员大爱不过吐槽一下，点击中文文档竟然是英文的。。。借助翻译插件还是能勉强看懂，哈哈这个翻译插件是沙拉查词

2021-09-16

vue深度监听

放纵自己的欲望是最大的祸害；谈论别人的隐私是最大的罪恶；不知自己的过失是最大的病痛——亚里士多德我们有时使用vue的watch，可能要对一个对象的多个属性进行监听这样我们就可以使用深度监听 123456789101112131415161718192021222324252627282930313233343536<template> <view> </view></template><script>// 11位手机号码正则const REGEXP_TEL = /^((1[3,5,8,7,9,6][0-9])|(14[5,7])|(17[0,6,7,8])|(19[7]))\d{8}$/;export default { data() { return { // 表单数据存储 formData: { username: '', password: '' }...

2020-11-28

setInterval

坍圮的殿堂总还是庙，冷落的圣像依然是神。在前端开发中我们或许想定时做一些操作可以使用一个setInterval函数去做 123456// 定时控制台打印rubensetInterval(function () { console.log("ruben");}, 1000);// 定时控制台打印achao，注意这里是使用字符串形式写法setInterval('console.log("achao");', 1000); 可以打开控制台看到效果

2023-11-08

js惰性函数

要深入了解人的方法只有一个，就是不急于下定论。——圣·普波在js中我们可以使用惰性函数，用于重新定义函数自身的行为例如： 12345678910111213141516171819202122function addEvent(type, el, fn) { if (window.addEventListener) { addEvent = function(type, el, fn) { el.addEventListener(type, fn, false); } } else if (window.attachEvent) { addEvent = function(type, el, fn) { el.attachEvent('on' + type, fn); } } else { addEvent = function(type, el, fn) { el['...

2021-04-18

文字不换行超出后左右滑动

人生就象弈棋，一步失误，全盘皆输，这是令人悲哀之事；而且人生还不如弈棋，不可能再来一局，也不能悔棋。——弗洛伊德如下div 123456789101112131415161718192021222324252627282930313233<div>对我个人而言，先辈不仅仅是一个重大的事件，还可能会改变我的人生。带着这些问题，我们来审视一下先辈。本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。所谓先辈，关键是先辈需要如何写。这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。歌德在不经意间这样说过，读一本好书，就如同和一个高尚的人在交谈。我希望诸位也能好好地体会这句话。这种事实对本人来说意义重大，相信对这个世界也是有一定意义的。生活中，若先辈出现了，我们就不得不考虑它出现了的事实。在这种困难的抉择下，本人思来想去，寝食难安。既然如何，那么，本人也是经过了深思熟虑，在每个日日夜夜思考这个问题。先辈，到底应该如何实现。我认为，可是，即使是这样，先辈的出现仍然代表了一定的意义。总结的来说，那么，在这种困难的抉...

阿超

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

数据加载中