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

效果如下

前端

相关推荐

2021-06-27

before和after选择器

在科学上没有平坦的大道，只有不畏劳苦，沿着陡峭山路攀登的人，才有希望达到光辉的顶点——马克思我们可以使用::before和::after去选择我们节点内部的首项或尾项例如我这里代码如下 123456789101112131415161718192021222324252627282930313233343536<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .ruben-parent { width: 100%; border: 0.1em solid #ababab; text-align: center; } .ruben-parent::before, .ruben-parent::after { margin: 0 auto; content: ''; ...

2021-11-14

mixin

所有智力方面的工作都要依赖于兴趣。——皮亚杰如果我们需要在各个vue页面使用相同的公共元素我们就可以使用minxin 官方文档：https://cn.vuejs.org/v2/guide/mixins.html 我们新建一个mixin.js 1234567891011121314151617181920export default { data() { return { name: 'ruben' } }, created() { console.log('this.name', this.name); // 尝试访问调用方属性 console.log('this.prefix', this.prefix); }, mounted() { console.log("mixin mounted"); }, methods: { hello() { console.l...

2020-11-13

js当前函数获取调用它的函数

教育本质是一棵树摇动另一棵树，一朵云推动另一朵云，一个灵魂唤醒另一个灵魂。——雅斯贝尔斯转载，原文当我们在调试的时候，想获取这个函数被哪个函数调用，以方便调试，但是 caller属性被严格模式下被禁用了我们可以通过 (new Error()).stack.split(“\n”)[2].trim().split(“ “)[1]方法来获取调用当前函数的那个函数名解释：new Error().stack 表示程序出错位置的栈，[0]表示当前函数，[1]表示上一级函数调用的函数 [2]上上级…. 例子： 123function bb(){cc()} function cc(){console.log((new Error()).stack.split("\n")[2].trim().split(" ")[1])} bb() //打印出bb

2023-09-03

apache-shenyu添加前端告警模块

求学的三个条件是：多观察、多吃苦、多研究。——加菲劳这两天在忙shenyu的告警模块，一个简单的CRUD的后台列表前端对接，其实蕴含了不少知识和踩坑 [Improve] add alert module by VampireAchao · Pull Request #333 · apache/shenyu-dashboard · GitHub 例如其中使用form达成react中的双向绑定等等，以及redux-saga进行状态管理

2021-12-22

truthy

每天务必做一点你所不愿意做的事情，这是一条宝贵的准则，它可以使你养成认真尽责而不以为苦的习惯。——马克.吐温我们知道js中如果使用： 123if(2){ console.log("2")} 可以看到if中代码块执行了这是因为JavaScript 在布尔值上下文中使用强制类型转换（coercion）而我们if括号中表达式2，由于为truthy，也就是真值所以被转换为了true JavaScript 中的真值示例如下（将被转换为 true，if 后的代码段将被执行）： 1234567891011if (true)if ({})if ([])if (42)if ("foo")if (new Date())if (-42)if (3.14)if (-3.14)if (Infinity)if (-Infinity) 反之，我们也有Falsy 在 JavaScript 中只有 8 个 falsy 值。这意味着当 JavaScript 期望一个布尔值，并被给与下面值中的一个时，它总是会被...

2026-05-17

supersplat

必须和实际社会接触，使所读的书活起来。——鲁迅 SuperSplat：一位住在浏览器里的「3D Gaussian Splats 编辑师」如果你见过 3D Gaussian Splats（3D 高斯泼溅/点云式渲染的一种表达），你大概也见过它们那种“我明明是 3D，却又像光一样铺开”的气质——它们不吵不闹，但特别能打。而 SuperSplat Editor 就像一位穿着工装、兜里揣着扳手和放大镜的编辑师：它会认真地把每一片 splat 拿起来看看，轻轻掸掉不必要的负担，帮你修修补补，再把作品打理到可以“发布见人”的状态。它的自我介绍很直接：免费且开源专门用于 inspect / edit / optimize / publish：检查、编辑、优化、发布 3D Gaussian Splats 基于 Web 技术，直接在浏览器里运行所以它会很自豪地说：“不需要下载，也不需要安装。” 先见一面：在线版本在这里SuperSplat 很热情，直接把自己的在线编辑器地址递到你手里： https://superspl.at/editor ...

阿超

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

数据加载中