vue3
文章平均质量分 66
woodwhale
www.woodwhale.cn
展开
-
【Vue】Vue3的系统性学习
系统性学习一下Vue3原创 2022-07-20 20:08:58 · 1784 阅读 · 3 评论 -
【Vue3】完善vue-image-crop-upload的使用(修改源码)
【Vue3】完善vue-image-crop-upload的使用前言在GitHub上找适配vue3的图片裁剪,看到了vue-image-crop-upload这个项目,就直接拿来用了。问题1:文件名不可自定义用了一晚上,发现有个非常难受的点——图片上传的文件名不可以自定义,默认使用field字段,但是我用springboot写的后端的注解是@RequestPart("file"),这就导致了field必须得为file字符串才可以上传成功…第二天起来开始改源码,成功解决就分享一下!1、找到文件首原创 2022-04-12 11:54:31 · 2212 阅读 · 3 评论 -
【Vue3】router-view跳转渐变过渡
【Vue3】router-view跳转渐变过渡前言是否感觉使用element-ui-plus组件搭建的后台在router-view跳转页面的时候,内容部分出现的太过突兀?不妨试试transition过渡1、transition无法包裹router-view?在Vue2的版本,如果想给router-view一个过渡渐变,可以将transition包裹在外面。但是如今Vue3的版本,这样写会报错!如何改善这种情况呢?查询vue router官方文档发现可以这样写<router-view原创 2022-04-11 18:12:10 · 5972 阅读 · 5 评论 -
【Vue3】解决element ui plus “Added non-passive event listener to a scroll-blocking ‘mousewheel‘ event.”
【Vue3】解决element ui plus “Added non-passive event listener to a scroll-blocking ‘mousewheel‘ event.”如图,直接改element ui plus的源码第一步:import { isClient } from '@vueuse/core';const isFirefox = () => isClient && /firefox/i.test(window.navigator.use原创 2022-04-06 15:34:14 · 2254 阅读 · 2 评论 -
【Vue3】Vite中由element ui更新导致的启动报错
【Vue3】Vite中由element ui更新导致的启动报错直接上图,报错如下:导致的结果就是打开浏览器,啥也没有:通过谷歌在github上看到了一个解决方法——将node升级为16的版本我之前一直是14的版本,去nodejs官网下载16.14.2稳定版就可以解决了升级之后更新并且启动成功:...原创 2022-04-06 15:02:14 · 849 阅读 · 1 评论 -
【Vue3】element ui plus面包屑与vue-route结合使用
【Vue3】element ui plus面包屑与vue-route结合使用前言在做一个后台管理系统的时候,发现了element ui plus文档中的面包屑的使用方式,觉得还挺不错的,准备拿来用,发现可以与vue的route结合使用。1、观察结构我的后台的布局如下:使用的是element ui中的如下的格式:于是我们可以在main这个模块中写入两个部分,第一个就是最上面的面包屑,第二个就是下面的内容部分,这个可以自由发挥。2、编写面包屑因为我们的路由不是固定的,所以面包屑肯定是要使用v原创 2022-04-03 21:01:07 · 9433 阅读 · 9 评论