vue
文章平均质量分 69
vue 相关知识
ymzhaoUSTB
这个作者很懒,什么都没留下…
展开
-
vue项目优化 - 网站首屏加载时间
1. 首先打包后看看加载时间令人窒息的36.1s先从简单的开始吧,压缩下static下的图片资源:清除浏览器缓存可以看到,差别其实不大,2. vendor参考博文:关于vue 项目页面打包后首次页面加载特别缓慢的原因及解决方案2.1. 先去掉编译文件中map文件、使用gzip压缩、打包时去掉console.log2.2. 路由懒加载参见vue官方文档:Vue路由懒加载im...原创 2020-04-29 17:22:06 · 1645 阅读 · 0 评论 -
vue导入Excel数据以及导出表格数据成Excel
由于功能需要,需从本地Excel中导入已有的数据,以免去手动复制粘贴的麻烦环境:vue + ElementUI关键代码如下:先是elementUI的上传控件,设置action, http-request等标签属性。由于不需要直接发请求上传到服务器,还不需要考虑跨域问题。<el-upload class="upload-excel" action="" :multiple="fa...原创 2020-03-07 16:00:37 · 1173 阅读 · 1 评论 -
vue3 + Element Plus动态生成表格,并实现内容可编辑
基于 vue3 & element plus 的可编辑表格原创 2020-03-07 17:47:17 · 51243 阅读 · 32 评论 -
vue组件中监听键盘/按键事件
问题描述:组件监听键盘escape事件,vue提供的按键修饰器无法监听到组件整体上解决方案:将监听事件绑定在document上,销毁组件时,再移除该事件created() { document.addEventListener('keyup', this.escEvent)},methods: { escEvent(){ if(window?.event?.keyCode == 27) this.closeComp() }, closeComp() { // ... }}原创 2021-09-06 17:38:16 · 3248 阅读 · 0 评论 -
vue3使用Font-Awesome
如题,vue3使用font-awesome5有些需要注意的地方一、安装官方提供了很多安装使用方式,这里仅展示一种Git地址:vue-fontawesome1、npm安装Install the core package and icon content.安装核心包和图标npm i --save @fortawesome/fontawesome-svg-corenpm i --save @fortawesome/free-solid-svg-iconsInstall this Vu.原创 2021-05-18 10:32:59 · 10410 阅读 · 1 评论 -
基于 vue3 & element-plus 的暗黑模式
element-plus@2.2.0 已经开始支持暗黑模式了。通过在 html 标签上添加一个名为 dark 的类来启用为了方便切换,可使用 useDark | VueUse。示例:以下,基于 element-plus switch组件 创建了一个暗黑模式开关组件,将它放入菜单栏,就可以方便地切换模式了..................原创 2022-06-29 15:20:03 · 11375 阅读 · 0 评论 -
v-viewer:vue3图片查看器
v-viewer:一个方便易用的vue3 图片查看器1、cdn引入:<link href="//unpkg.com/viewerjs/dist/viewer.css" rel="stylesheet"><script src="//unpkg.com/viewerjs/dist/viewer.js"></script><script src="//unpkg.com/v-viewer@next/dist/index.umd.js"></scrip原创 2021-12-24 14:46:27 · 11401 阅读 · 19 评论 -
CSS移动端适配
CSS移动端适配学习总结原创 2022-04-14 18:00:48 · 783 阅读 · 0 评论 -
vue相同的组件实例间跳转页面不刷新,即路径参数更改
使用带有参数的路由时需要注意的是,相同的组件实例将被重复使用。因为两个路由都渲染同个组件,比起销毁再创建,复用则显得更加高效。不过,这也意味着组件的生命周期钩子不会被调用原创 2022-02-28 18:20:55 · 1603 阅读 · 0 评论 -
vue i18n v9的迁移后的$t()无法获取数组、对象
项目场景:将老的vue2项目更新到vue3,vue-i8n也更新到v9版本以上后,发现改动还是挺大的具体迁移工作参考官网:vue-i18n: Migration from Vue 2问题描述:改动的细节很多,此文仅涉及 Translation API 的问题v9后,$t()将仅返回字符串,数组及对象会直接返回其属性名 原因分析:官方解释:“Reason: To make simple obligation to return the translation results, and i原创 2022-01-14 11:36:43 · 2275 阅读 · 0 评论 -
上手 vue3 组合式API (Composition API) --- 语法要点总结
本文以 `` 为示例,总结个人学习使用 Composition API 的一些常见语法要点原创 2022-07-01 16:56:53 · 756 阅读 · 0 评论 -
[BUG记录] vue3 setup provide/inject:无法正常进行依赖注入
以服务的方式来调用element-plus loading,导致依赖注入失效:祖先组件部分属性无法provide,后代组件无法inject祖先组件provide的值。原创 2022-08-18 14:54:08 · 5853 阅读 · 0 评论 -
菜单与内容联动——vue3实现
使用vue3实现一个常见的二级联动功能:点击菜单能跳转到对应位置、滚动位置应激活相应菜单原创 2022-07-14 17:59:49 · 1260 阅读 · 0 评论 -
对比 vue2 vue3 中响应式地获取 vuex 状态
store中的状态是响应式的,在组件中调用 store 中的状态仅需要在计算属性中返回即可。原创 2023-04-07 11:35:30 · 574 阅读 · 0 评论 -
刷新页面,记住页面内的列表查询参数——vue3实现
页面中包含数据列表查询功能时,刷新页面时保持查询参数是比较常见的需求。原创 2022-07-21 18:06:55 · 1187 阅读 · 0 评论