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-07-03

js时间转换

//时间戳格式化 1234567891011//时间转换 function stamptime(time) { var date = new Date(time) var Y = date.getFullYear() + '-'; var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'; var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '; var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'; ...

2022-08-24

introjs

爱情沉默的地方，责任就要起作用——歌德 introjs是一个前端指引库官网：https://introjs.com/ github：https://github.com/usablica/intro.js 用法也很简单：引入： 12npm install intro.js --saveyarn add intro.js 或者 12https://unpkg.com/intro.js/minified/intro.min.jshttps://unpkg.com/intro.js/minified/introjs.min.css 使用： 12345678introJs().setOptions({ steps: [{ intro: "Hello world!" }, { element: document.querySelector('#login'), intro: "Click here to login!" }]}).st...

2020-12-06

let和const命令

一个人在学校里表面上的成绩，以及较高的名次，都是靠不住的，唯一的要点是你对于你所学的是否心里真正觉得很喜欢，是否真有浓厚的兴趣……——邹韬奋 es6出来这么久了，是时候系统学习一下了 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。——ECMAScript 6.0入门网站 1234567891011121314151617181920212223242526272829303132333435// let必须先声明再使用// console.log(a) // Uncaught ReferenceError: Cannot access 'a' before initializationlet a = "a";console.log(a); // a// var可以先使用再声明b = &qu...

2021-12-18

layui模块入门

天才绝不应鄙视勤奋。—— 小普林尼今天写了写layui自定义模块 12345678layui.define(['layer'], (exports) => { // 需确保您的 layui.js 是引入的构建后的版本（即官网下载或 git 平台的发行版） //直接可得到各种内置模块 var layer = layui.layer //… layer.msg('Hello World'); exports('ruben', {}); //注意，这里是模块输出的核心，模块名必须和 use 时的模块名一致}); 然后引用自己写的自定义模块 12345678910111213141516171819<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="style...

2025-01-14

shenyu的rule表单handler填写问题

你凭什么以为你十年寒窗，抵得过我三代从商。——盛田昭主要是这个pr： https://github.com/apache/shenyu-dashboard/pull/518 发现原来是JSON.parse的时候，由于handler是undefined导致报错改为 1JSON.parse(handle ?? "{}"), JSON.parse(handle ?? "{}") 这个表达式涉及到了两部分的知识点：空值合并操作符（??）和JSON.parse()。空值合并操作符（??）：空值合并操作符（nullish coalescing operator）??用于判断一个值是否为null或undefined，如果是，则返回右边的值。如果左边的值不是null或undefined，则返回左边的值。在这个表达式中，handle ?? "{}"的作用是：如果handle的值是null或undefined，就返回"{}"，否则返回handle的值。 JSON.parse()...

2024-03-17

full-stack-fastapi-template

过一个平凡无趣的人生实在太容易了，你可以不读书，不冒险，不运动，不写作，不外出，不折腾。但是，人生最后悔的事情就是：我本可以。——陈素封分享一个全栈框架 GitHub - tiangolo/full-stack-fastapi-template: Full stack, modern web application template. Using FastAPI, React, SQLModel, PostgreSQL, Docker, GitHub Actions, automatic HTTPS and more. 全栈、现代 Web 应用程序模板。使用 FastAPI、React、SQLModel、PostgreSQL、Docker、GitHub Actions、自动 HTTPS 等 ⚡ 用于 Python 后端 API 的 FastAPI。 🧰 用于 Python SQL 数据库交互 (ORM) 的 SQLModel。 🔍 Pydantic，由 FastAPI 使用，用于数据验证和设置管理。 💾 PostgreSQL 作为 SQL 数据库。 �...

阿超

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

数据加载中