Vue
文章平均质量分 72
vue
云帆Plan
一个前端新手
展开
-
uniapp的一些踩坑记录
经排查是由于vite版本过高的问题,运行官方提供的命令npx @dcloudio/uvm后,vite版本降为3.x、esbuild+esbuild-windows-64为0.15.8,问题解决,真的是血坑。通过官方的命令创建的vue3+vite+ts项目,vscode中使用命令运行正常,在hbuildx内运行报错(因为真机运行只能用hbuildx)搜了很多文档,才知道此错误的意思是esbuild与esbuild-windows-64版本对不上(此时vite版本为4.0.2)原创 2023-02-14 09:18:45 · 1360 阅读 · 0 评论 -
从零搭建一个vue项目
具体请见。原创 2022-07-26 13:57:18 · 2275 阅读 · 0 评论 -
vue打包编译时报错 Error: EPERM: operation not permitted, lstat...
原因很简单,dist文件夹或者子文件夹、文件被其他应用占用了解决办法解除文件、文件夹占用,这里推荐一个应用:LockHunter这个软件很好用,极力推荐原创 2021-07-27 14:06:19 · 2838 阅读 · 0 评论 -
el-form报错:Invalid handler for event “input“: got undefined
在jsx中渲染el-form会报错误:Invalid handler for event “input”: got undefined代码如下: let form = (<el-form class="form-container" label-width="auto" size="mini" label-position="top" model={this.elProps} {tab.groups.原创 2021-07-26 15:08:55 · 3111 阅读 · 0 评论 -
vue中使用EasyPlayer.js教程
0 前言github: EasyPlayer.js一定要是legacy分支哦,master分支是EasyWasmPlayer.js,有些功能不支持的1 教程首先npm安装EasyPlayer、copy-webpack-pluginps:copy-webpack-plugin版本不能大于6.0,否则会出很多很多问题 npm install @easydarwin/easyplayer --save npm install copy-webpack-plugin@5.1.2 --save原创 2021-05-27 11:53:22 · 16344 阅读 · 28 评论 -
vue-router中多个路由引用同一异步组件的解决方案
得益于vue-router对异步组件的支持,我们在异步import的then回调中修改组件的name,这样每个组件实例就有唯一的缓存键值,正常被缓存、销毁,并且路由名称也不会冲突了。当你想使用路由name跳转到其中一个路由时,由于三个路由重名了,可能会导致不是预期的结果。路由重名vue-router会报警告。效果和方案1一样,只是路由不用重名了。原创 2021-05-26 11:27:46 · 5027 阅读 · 22 评论 -
element-ui对el-table组件进行二次封装,并进行功能扩展
扩展功能:1. 实现使用Ctrl/Shift+鼠标左键不连续/连续多选,并支持批量勾选(具体看handleRowClick)Ctrl+鼠标左键(不连续选择):使用变量缓存当前选中行集合,el-table绑定row-class-name函数,判断目标行是否被选中,选中则添加自定义类名监听row-click事件,事件触发时判断Ctrl键是否按下,若按下,则将此行添加到选中行集合Shift+鼠标左键(连续选择):思路同上,过判断的keyCode不一样row-click事件中需要分别计算当前行和点击原创 2021-03-11 10:57:01 · 1895 阅读 · 0 评论 -
Vue中使用leaflet地图框架学习记录
前言项目开始使用的是高德地图组件,不过为了兼容离线地图,那高德地图就用不了了,老大叫我去学习leaflet,只能硬着头皮上了。关于高德地图的一些学习记录,点这里原创 2020-07-29 14:25:30 · 9739 阅读 · 25 评论 -
Vue踩坑记录之ChunkLoadError
记录下这个巨坑(实质上是正则表达式错误,如果已知问题,想看如何解决直接跳到最后)原创 2020-06-04 17:04:32 · 19214 阅读 · 6 评论 -
Vue项目部署到Tomcat踩坑记录
java和tomcat安装步骤就不说了,贴两个链接,讲的灰常详细Java环境安装Tomcat安装我这里用的是VsCode,直接就:npm run build:prod这样就是build的成功了接下来到你项目根目录的dist文件夹在Tomcat的webapps文件夹里新建一个文件夹,名字随意,我这里是uiot,但是这个名字后面会用到,要注意复制完了,运...原创 2020-03-23 14:38:51 · 1836 阅读 · 0 评论 -
Vue中使用高德地图的学习记录
废话不多说,直接开始参考: https://blog.csdn.net/qq_39512863/article/details/90483781原创 2020-03-06 17:30:14 · 3423 阅读 · 4 评论