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

效果如下

前端

相关推荐

2022-08-20

micro-app

浅水是喧哗的，深水是沉默的。——雪莱分享一个微前端框架micro-app 官方文档：https://micro-zoe.github.io/micro-app/ 仓库地址：https://github.com/micro-zoe/micro-app 在线体验地址：https://zeroing.jd.com/micro-app/demo/react16

2020-10-24

js禁止右键点击事件

勤劳一日，可得一夜安眠；勤劳一生，可得幸福长眠。——达·芬奇 js禁止右键点击事件触发代码 123456789101112131415161718192021222324function click() { return false;}function click1() { if (event.button == 2) { return false; }}function CtrlKeyDown() { if (event.ctrlKey) { return false; }}document.onkeydown = CtrlKeyDown;document.onselectstart = click;document.onmousedown = click1;document.oncontextmenu = function(event) { if (document.all) windo...

2025-05-17

pickr

业精于勤，荒于嬉。—— 韩愈《进学解》 https://github.com/simonwep/pickr Pickr：一个简单、多主题、响应式且可定制的颜色选择器库在网页设计和前端开发中，颜色选择器是一个不可或缺的工具。虽然许多框架提供了内置的颜色选择器，但它们往往难以扩展或自定义。Pickr 是一个轻量级、无依赖的颜色选择器库，它提供了丰富的功能，同时完全兼容所有主流 CSS 框架。什么是 Pickr？Pickr 是一个开源的颜色选择器库，支持多种颜色格式（如 rgba、hsla、hsva 等），并提供多种主题和自定义选项。它专为现代前端开发设计，具有以下特点：核心特点：无依赖：不依赖任何第三方库（如 jQuery）。多格式支持：支持 rgba、hsla、hsva、hex 和 CMYK 格式。多主题：内置多种主题样式，兼容主流 CSS 框架（如 Bootstrap、Materialize）。响应式设计：适配移动端和桌面端。自定义能力：可通过 JavaScript 和 CSS 轻松自定义外观和功能。支持透明度：包括 alpha 通道的选择。轻量级：小巧...

2023-02-05

pinia

天时不如地利，地利不如人和——孟子分享一个Vuex的同类型vue状态管理框架：Pinia 中文文档：https://pinia.web3doc.top/ 它的Demo：https://stackblitz.com/github/piniajs/example-vue-3-vite?file=README.md 相比于Vuex:https://pinia.web3doc.top/introduction.html#%E4%B8%8E-vuex-%E7%9A%84%E6%AF%94%E8%BE%83 Pinia 提供了一个更简单的 API，具有更少的规范，提供了 Composition-API 风格的 API，最重要的是，在与 TypeScript 一起使用时具有可靠的类型推断支持。

2022-03-10

react中什么情况下不能用index作为key

立志用功如种树然，方其根芽，犹未有干；及其有干，尚未有枝；枝而后叶，叶而后花。——王守仁我们在React遍历渲染列表时会遇到这样一个报错：意思是说，渲染list列表时必须给每个元素指定一个唯一的key 当然你可以选择忽略这个报错，但是为什么会提示这个报错呢？假设我们给key指定一个随机数，或者干脆不指定的话，会怎么样呢？官方文档给出了答案：渲染列表时的逻辑以及问题为了解决上述问题，React 引入了 key 属性。也就是说，如果给key指定一个随机数，或者干脆不指定的话，会造成性能问题这个时候，我们想到了用遍历时的元素下标作为key 但是官方文档明确告诉我们：如果列表项目的顺序可能会变化，我们不建议使用索引来用作 key 值，因为这样做会导致性能变差，还可能引起组件状态的问题。可以看看 Robin Pokorny 的深度解析使用索引作为 key 的负面影响这一篇文章。如果你选择不指定显式的 key 值，那么 React 将默认使用索引用作为列表项目的 key 值。这里Robin Pokirny的文章中提到了，如果满足这三者，可以放心使用index作为...

2022-07-15

vuera

微微怪时间不能保存情绪，保存那一切情绪所曾流连的境界。——《你是人间的四月天》分享一个开源项目：https://github.com/akxcv/vuera 它可以让你在vue里写react，在react里写vue Use Vue components in your React app: 1234567import React from 'react'import MyVueComponent from './MyVueComponent.vue'export default props => <div> <MyVueComponent message={props.message} handleReset={props.handleReset} /> </div> Or use React components in your Vue app: 1234567891011121314<template> <div&g...

阿超

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

数据加载中