![](https://img-blog.csdnimg.cn/20190918140037908.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue技巧以及注意事项
记录使用vue开发值得留意的地方
气乃本
精打细算
展开
-
前端项目部署自动检测更新后通知用户刷新页面
当我们的系统重新打包部署后,在线的用户还会一直停留在旧版本的系统上,可能功能存在差异。所以,当系统升级部署后,要提示在线用户发现系统新版本,让用户选择性的是否刷新页面。原创 2024-03-07 09:52:29 · 589 阅读 · 0 评论 -
Vue3页面激活与离开的回调函数封装,hooks实现
在项目中,有时候需要对用户在不在本页面做逻辑处理,检查当前页面是否是激活状态。比如短信倒计时功能,用户切换到别的页面,是否让倒计时停止。用户离开页面是否让一些周期性逻辑停止,用户又进入页面是否让停止的逻辑再开始。因此,这种功能需要封装一个hooks函数为开发提供遍历。原创 2024-01-11 11:20:56 · 823 阅读 · 0 评论 -
使用import.meta.glob获取图片并获取
这个方法一般用于批量引入js、ts或者.vue .tsx .png等文件,但实际上这个方法就是很多import语句的集合而已,import是可以引入图片的,所以import.meta.glob 也同样可以引入图片资源。import.meta.glob支持字符串和数组作为参数,使用方式如下。Vite官方提供的 import.meta.glob API。原创 2024-01-05 16:23:47 · 790 阅读 · 0 评论 -
Vue3多路由指向同一组件 实现keep-alive缓存页面的解决方案
需求:十几个路由使用的组件是同一个,从一个页面到另一个页面或者其他页面的时候,让之前输入的数据还存在。原创 2024-01-05 15:04:04 · 1331 阅读 · 0 评论 -
JSX中的样式穿透
我们如果想修改Box组件中的按钮,只在.box下面生效需要用到:global。如果我们想修改ui组件中的样式,就用到了样式穿透。原创 2023-03-07 09:04:08 · 348 阅读 · 1 评论 -
vue3-print-nb 实现页面打印(含分页打印)
html的打印原创 2023-03-03 16:10:29 · 6163 阅读 · 3 评论 -
vue3使用jsx变量接受组件的问题
jsx中注意事项原创 2023-02-24 09:34:23 · 398 阅读 · 0 评论