vue页面加载完毕之后执行
发表于|更新于
|浏览量:
好奇心造就科学家和诗人。——法朗士
当vue页面加载完成后触发
我们在html开发中经常是使用window.onload实现
1 | window.onload = () => { |
但在vue中我们使用this.$nextTick
1 | this.$nextTick(() => { |
效果如下
相关推荐
2022-01-07
byte二维码在img中展示
睡在哪里都是睡在黑夜里。——贾平凹《废都》 我们使用hutool的工具类生成二维码图片后，如果转为byte数组，返还给前端，我们要放入img中显示 12345@GetMapping("generateCode")@ResponseBodypublic byte[] generateCode() { return QrCodeUtil.generatePng("https://VampireAchao.github.io/", QrConfig.create().setImg(ImgUtil.getImage(URLUtil.url("/img/oss/2020-06-01/head.jpg"))));} 直接放到src是不行的，需要在前面加一个data:image/jpeg;base64, 最终变成这样 效果图：
2024-07-07
css的透视效果perspective
有两件事我最憎恶：没有信仰的博才多学和充满信仰的愚昧无知。——爱默生 我们知道css中我们的transform可以调整z轴，这说明css是有3d能力的 但是我们通常看一个3d的物体，是近的地方大，远的地方小甚至被遮挡，要实现这样的透视效果其实只需要一个css属性即可 https://developer.mozilla.org/zh-CN/docs/Web/CSS/perspective 就比如这个正方体： .face { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; backface-visibility: inherit; font-size: 60px; color: #fff } .front { background: rgba(90,90,90,.7); transform: translateZ(50px)...
2025-07-05
如何写一个 react 组件
天下之事不难于立法，而难于法之必行。一一明·张居正 https://github.com/react-component/react-component.github.io/blob/master/docs/zh-cn/how-to-write-a-react-component.md 如何写一个 react 组件 author: yiminghe@gmail.com 建立组件 git 库 https://github.com/react-component 搭建脚手架 使用 https://github.com/react-component/generator-rc 搭建脚手架 目录结构12345678910- .travis.yml- examples - index.js - index.html- src - Component.jsx- index.js- tests - index.spec.js- package.json 源码 在 src 目录中写 es2015 js，在 assets 目录下写 less，在 tests 目录下写 测试用例，代码...
2021-03-24
js移除指定key
尽管世界和人生是坏透了，其中却有一件东西永远是好，那便是青春——显克维奇 可以看到delete我们的ruben.age后，ruben只剩个name了 一般常用与在作为请求参数时，服务端可能不需要这个参数场景下使用
2021-06-06
uniapp微信小程序获取用户手机号
价值产生信心，信心产生热忱，而热忱则征服世界。——华特·H·柯亭姆 我们在uniapp开发中有时会需要获取用户的手机号 可以在官方文档找到对应的方法 这里注意一点，只能通过button进行点击获取 但我们这样获取到后还需要解密 比如我这里获取到的 123456789101112131415161718<template> <view><button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">点我获取手机号</button></view></template><script>export default { data() { return {}; }, methods: { getPhoneNumber(e) { console.log(e.detail.errMsg); console.log...
2024-06-09
微信Markdown编辑器
正因为世界本身是平庸的，所以你也才平庸。——《寻羊冒险记》 GitHub - doocs/md: ✍ WeChat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器：支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性 项目介绍 本项目基于 wechat-format 进行二次开发，感谢 lyricat 的创意和贡献！ Markdown 文档自动即时渲染为微信图文，让你不再为微信文章排版而发愁！只要你会基本的 Markdown 语法，就能做出一篇样式简洁而又美观大方的微信图文。 在线编辑器地址 Gitee Pages：https://doocs.gitee.io/md GitHub Pages：微信 Markdown 编辑器 | Doocs 开源社区 注：推荐使用 Chrome 浏览器，效果最佳。另外，对于国内（中国）的朋友，访问 Gitee Pages 速度会相对快一些。 为何二次开发 现有的开源微信 Markdown 编辑器，样式繁杂，也不符合我个人的审美需求。在我使用它们...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog