vue页面加载完毕之后执行
发表于|更新于
|浏览量:
好奇心造就科学家和诗人。——法朗士
当vue页面加载完成后触发
我们在html开发中经常是使用window.onload实现
1 | window.onload = () => { |
但在vue中我们使用this.$nextTick
1 | this.$nextTick(() => { |

效果如下

相关推荐
2022-08-03
vuepress-theme-vdoing
要品味生活的浪漫,你得有点儿演员精神,必须像个旁观者,对自己的所作所为既超然事外又忘我投入。——毛姆 《月亮和六便士》 分享一个VuePress知识管理&博客 主题 官方文档:https://doc.xugaoyi.com/ github:https://github.com/xugaoyi/vuepress-theme-vdoing 提供多种主题模式 看起来也很简洁,还有对应的广告位 也有用来做博客的 mybatis-plus也用的该主题
2024-06-30
nativeShare.js
进步是人的生活方式。——雨果 分享一个 https://github.com/JefferyWang/nativeShare.js 这个库是王俊锋写的,用于h5直接唤醒浏览器的分享 注意:目前仅支持手机UC浏览器和QQ浏览器 nativeSharenativeShare是一个可以通过javascript直接调用原生分享的工具. demo 我们知道现在我们无法直接通过js直接跳转到微信和QQ等软件进行分享,但是现在像UC浏览器和QQ浏览器这样的主流浏览器自带一个分享工具,而他们也有自己定义的js接口.我们通过调用浏览器的接口去调用浏览器的分享,从而实现原生分享功能.是不是很酷呢? 该工具具有以下特点: 支持原生微博、微信好友、微信朋友圈、QQ好友、QQ空间分享 支持调用浏览器更多分享功能 注意:目前仅支持手机UC浏览器和QQ浏览器 github项目地址: https://github.com/JefferyWang/nativeShare.js Git@OSC项目地址: http://git.oschina.net/wangjunfeng/nativeSha...
2025-04-18
zod
人们因为能忘却,所以自己能渐渐的脱离了受过的苦痛,也因为能忘却,所以照样得再犯前人的错误。——鲁迅 探索 Zod:TypeScript-first 的模式验证库在现代 JavaScript 和 TypeScript 开发中,数据验证是不可或缺的一部分。而 Zod,一个以 TypeScript 为中心的模式验证库,提供了简洁、强大的工具来解决这一问题。本文将带你了解 Zod 的核心功能、使用方法及其开发者友好的特性。 什么是 Zod?Zod 是一个专为 TypeScript 设计的模式声明和验证库,旨在简化开发者的工作。它允许你定义模式(schema),并自动推断出 TypeScript 类型,同时对运行时数据进行验证。 Zod 的核心特点: TypeScript-first:Zod 的设计完全围绕 TypeScript,能够利用其类型推断和静态检查功能。 零依赖:与其他库不同,Zod 是一个零依赖的轻量级库,体积仅为 8kb(minified + gzipped)。 函数式编程风格:Zod 提供了一种连贯的链式接口,支持函数式编程。 跨平台支持:支持 Node.js 和现代...
2025-02-05
vue-vben-admin
你与别人花费一样的时间,因为别人用心,而你吊儿郎当,所以到了最后检验成果的时候,别人成功,而你除了赔了时间之后,一无所得。——飞行员舒克 https://github.com/vbenjs/vue-vben-adminhttps://www.vben.pro/ 在开发后台管理系统时,Vue Vben Admin 是一个让我印象深刻的项目。它基于 Vue 3、Vite 和 TypeScript,为开发者提供了一个功能丰富的中后台模板,开箱即用。通过结合现代前端技术栈,Vben Admin 在性能优化、开发体验和灵活性上都表现得非常出色。 项目特点 最新技术栈:使用 Vue 3 和 Vite 进行开发,支持热更新和快速构建,极大提升了开发效率。 TypeScript 支持:代码类型安全、自动补全,降低了代码维护成本。 主题系统:支持多套预定义主题,用户还可以自定义主题色彩,打造符合品牌风格的界面。 国际化(i18n):内置国际化方案,支持多语言切换,方便面向全球用户的项目开发。 权限管理:提供动态路由和权限控制方案,可以根据用户角色灵活配置不同的页面和功能访问权限。 这些特点...
2024-10-19
docmost
有缺点的战士终究是战士,完美的苍蝇也终究不过是苍蝇。 ——鲁迅《华盖集》 网站: https://docmost.com/ 文档: https://docmost.com/docs github: https://github.com/docmost/docmost Docmost 是一个开源协作维基和文档软件。它是 Confluence 和 Notion 的开源替代品。 运行: 123mkdir docmostcd docmostcurl -O https://raw.githubusercontent.com/docmost/docmost/main/docker-compose.yml 然后编辑文件 1vi docker-compose.yml 修改 APP_URL应替换为您选择的域。例如https://example.com或https://docmost.example.com 。 APP_SECRET值必须替换为长随机密钥。 您可以使用openssl rand -hex 32生成秘密。如果保留默认值,应用程序将无法启动。 将POSTGRES_PASSWORD环...
2022-11-21
css-tricks
站在上风的人衣冠要整洁,位在任上的人言行要谨慎,这才是政治家对天下的责任。——德富芦花 分享一个网站,这个网站有很多css小技巧 https://css-tricks.com/ 比如css实现颗粒噪声 又或是对于console的使用指引,例如console.clear()清除控制台 https://css-tricks.com/a-guide-to-console-commands/

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