系统搜索到约有20项符合vue的查询结果
1. bug复盘之如何优雅的实现表格跨页勾选
摘要:在过去一年多的时间里,“表格跨页勾选”这个功能一直困扰着我们。在多个项目里均出现不同程度的bug,我也因考虑不全踩过几次坑,最终将其成功解决。回头再看这个功能,其实挺常用的,但如果方法不对,......
/xwzj/2023-02-27/table-reserve-selection.html - 2023-02-27 - 艺灵随笔
2. bug复盘之Vite2项目在线上报错,修复后却意外发现Table组件的几个bug
摘要:2周前,@老王在测试供应商后台项目时发现了一个bug。属于那种经典类型的,特征是:本地开发正常,一线上就报错。经过一翻折腾,最终解决问题并收获意外惊喜!遂记录一篇笔记,供自己日后参考。......
/xwzj/2022-12-07/element-plus-table-bug.html - 2022-12-07 - 艺灵随笔
3. 工具分享之Vue Devtools
摘要:分享一些我在工作中常用到的工具。今天分享的工具跟Vue项目相关,Vue Devtools是一个Chrome浏览器插件。使用它可以帮助我们快速定位和分析问题,让我们在调试过程中少走弯路!......
/xwzj/2022-09-23/tool-sharing-vue-devtools.html - 2022-09-23 - 艺灵随笔
4. Vue3踩坑系列之把Element-UI升级到Element-Plus时遇到的若干坑
摘要:前两篇文章一直在讲升级Element-Plus组件库为@2.x后,老代码中的upload功能出现了异常。今天接着说一些在升级后遇到的其他问题,包括Dialog对话框、slot插槽、Flex布局、select选择器在打包后空......
/xwzj/2022-09-19/vue3-element-to-element-plus.html - 2022-09-19 - 艺灵随笔
5. Vue3踩坑系列之Element-Plus库中upload上传组件的坑(下)
摘要:上一篇中,我把Element-Plus组件库从1.0.2-beta.53升级到了2.2.16版本,遇到了2个问题并解决了。在后续调试过程中发现upload组件仍无法正常使用,因为还有一些别的问题需要解决......
/xwzj/2022-09-17/vue3-element-plus-upload2.html - 2022-09-17 - 艺灵随笔
6. Vue3踩坑系列之Element-Plus库中upload上传组件的坑
摘要:公司有个Vue3项目,里面的Element-Plus组件库版本是1.0.2-beta.53。昨天因为要解决一些问题升级了版本库,结果导致一系列的坑随之而来。今天要说的就是upload上传组件受到了影响。......
/xwzj/2022-09-07/vue3-element-plus-upload.html - 2022-09-07 - 艺灵随笔
7. Vue项目优化之用Element-UI表单组件实现动态校验,提升用户体验
摘要:上周在优化小程序中的优惠券功能,然后我在后台添加优惠券时发现页面用户体验极不友好。前端缺少必填提醒和相关校验,有强迫症的我又花费了一些时间对页面做了相关优化。我抛砖引玉分享下自己的......
/xwzj/2022-08-29/vue-element-ui-form-dynamic-validate.html - 2022-08-29 - 艺灵随笔
8. Vue3学习之reactive()用法
摘要:在Vue2中,如果想定义一个响应式的变量,直接在data(){}中定义即可,不论类型。在Vue3中,定义对象或数组类型的响应式数据,可通过reactive()来实现。......
/xwzj/2022-08-24/vue3-reactive-responsive.html - 2022-08-24 - 艺灵随笔
9. Vue3学习之ref()用法
摘要:Vue3中定义一个响应式变量可以使用ref()或reactive(),ref()定义后的值在script中需要用.value才能对其进行重新赋值,在template中不需要.value。在不同的数据类型前,ref()定义的值并不全是深拷......
/xwzj/2022-08-12/vue3-ref-responsive.html - 2022-08-12 - 艺灵随笔
10. Vue2后台项目改造成Vite2后的优化后续
摘要:上次咱们为了把Vue2项目改造成Vite2,踩的坑真是不要不要的!但改造后开发阶段的启动速度在5秒内秒开,真是太香了!在文章末尾,还有几个小问题没有解决,于是就有了此文。......
/xwzj/2022-08-09/Vite2-optimization-follow-up.html - 2022-08-09 - 艺灵随笔
11. 前端一键部署服务器方案key-upload
摘要:经过几次更新后,key-upload这个npm包终于可以完全包含我本地多个项目下的keyUpload中的所有功能了!目前我已经把公司所有项目都跑了个遍,包含:vue2项目、vue3项目、vue2升级到Vite2项目、命令行......
/xwzj/2022-07-06/key-upload.html - 2022-07-06 - 艺灵随笔
12. @vue/cli3项目开发之优化前端一键自动部署代码到服务器插件,支持上传到git仓库和备份解压
摘要:公司项目越来越多,需求也在不断变化,自己写的前端一键部署脚本也在不断的健壮更新中。为了避免明文密码泄露,我使用了密码文件的方案;为了防止服务器上文件误删除,我新增了可删除目录配置项;为了实......
/xwzj/2022-06-26/key-upload-tar.html - 2022-06-26 - 艺灵随笔
13. 记一次成功把Vue2后台项目改造成Vite2的踩坑经历
摘要:公司后台项目基于@花裤衩大神的vue-element-admin,随着项目功能的不断完善和需求不断增加,项目启动也变的越来越慢。慢到什么程度呢?我i7-10代16G内存的本本跑项目最快也需要近3分钟,实在难以忍......
/xwzj/2022-05-15/Migrate-vue2-project-to-vite2.html - 2022-05-15 - 艺灵随笔
14. @vue/cli3项目开发之前端一键自动部署代码到服务器并播放随机音乐以便提醒
摘要:上次的一键打包代码并部署到服务器工具在实践过程中确实帮助艺灵节省了很多不必要的时间,但在用户体验上还有待改进。于是,艺灵先是使用了彩色日志,在视觉上做了改善。但后来工作起来还是容易忘......
/xwzj/2021-09-21/vue-cli-keyUpload-chalk-and-playMusi.html - 2021-09-21 - 艺灵随笔
15. @vue/cli3项目开发之记一次手动配置前端一键自动部署代码到服务器上的经历
摘要:@vue/cli3脚手架的出现,大大提高了前端的开发效率。但每次打包后通过WinSCP等工具手动上传代码到服务器上也挺浪费时间的,在网上也有一些相关的自动化部署插件,比如:deploy-cli-service。一般插......
/xwzj/2021-06-05/vue-cli-keyUpload.html - 2021-06-05 - 艺灵随笔
16. uni-app跨端开发微信小程序之nodejs与后端通信并动态打包项目以适应多环境开发
摘要:这篇文章主要的目的是分享一个可与后端接口通信的自动化脚本插件,实现不同环境下可打包成不同配置的微信小程序源码。全程靠命令行自动发起请求、修改配置文件、自动编译,解放双手不是梦!......
/xwzj/2021-05-22/uni-app-vue-cli-nodejs-request.html - 2021-05-22 - 艺灵随笔
17. uni-app跨端开发微信小程序之手把手带你写一个用程序自动打开微信开发者工具的小插件
摘要:本文通过获取微信开发者工具安装路径、调用shelljs执行vue-cli编译命令、fs和path组合来读取编译后的目录、动态修改AppId和title这四个方面入手,一步步带领看官制作一个自动打开微信开发者工......
/xwzj/2021-05-04/uni-app-vue-cli-openDevTools.html - 2021-05-04 - 艺灵随笔
18. uni-app跨端开发微信小程序之HBuilderX项目实现多环境开发
摘要:由于市场的需求不断变化,原有的开发环境和生产环境已经无法满足需求,多环境开发已经是越来越多的公司要面临的问题。本文先介绍如何将HBuilderX创建的uni-app项目转换成vue-cli项目,紧接着通过c......
/xwzj/2021-05-02/uni-app-HBuilderX-to-vue-cli.html - 2021-05-02 - 艺灵随笔
19. uni-app跨端开发微信小程序之页面栈超过10层时无法跳转的解决方案
摘要:正常情况下,一个微信小程序中的页面栈是不会超过10层的。如果在商品详情面添加相关商品,链接处理不当时就会出现页面栈超10层导致页面无法点击的情况。在上一篇提到的提前购流程中,由于链接太长......
/xwzj/2020-10-02/uni-app-pagestack.html - 2020-10-02 - 艺灵随笔
20. @vue/cli3+typescript项目实战之二级导航菜单的实现及潜在的坑
摘要:这篇我们以实现给二级导航添加激活样式为主。通过mouseenter和mouseleave的组合使用,来实现鼠标滑过和离开时显示和隐藏子菜单的效果。通过多个添加click事件来监听用户点击操作,然后遍历整个......
/xwzj/2020-08-02/vue-cli3-recursive-navigation-2.html - 2020-08-02 - 艺灵随笔