- 博客(19)
- 收藏
- 关注
原创 elementPlus表格动态合并单元格方法
3.使用element的合并单元格的方法:span-method="objectSpanMethod",新建use-span-method.js文件,内容如下。1.要实现如下效果,如图,但是后端返回的数据是不确定的,需要自己根据id 去分组。2.假如这是后端返回的数据结构,title相同的则应该合并为一组。
2024-07-12 15:00:33
485
原创 vue 根据数据源构造树型结构数据
1.后端返回的数据是一个一维数组,需要前端根据id 和父id 的关系自己构建树形结构,这是源数据。3.新建 utils/tree.ts文件,代码如下。2.需要转换成目标格式的数据,如下。
2024-07-12 14:43:50
330
原创 uniapp + vue3.0 + ts 如何绑定全局自定义事件
1.首先在src目录下面新建一个types声明类型的文件夹,再新建一个global.d.ts文件,如图。3.在tsconfig.json文件添加 .d.ts后缀的类型,一般自带的都有。注意:新添加全局的方法时,要在声明文件里面一起添加。2.global.d.ts文件内容如下。6.最后在main.ts里面引入。4.新建一个utils文件。5.utils.ts代码。
2024-07-04 17:46:59
549
原创 Vue2 高德地图选点(带搜索)
此组件封装依赖element ui 的弹窗组件,和input输入框组件。2.去高德地图开放平台注册key,和安全密钥。1.下载高德地图的插件。
2024-04-25 17:22:17
1126
2
原创 uniapp 使用命令行创建项目及使用命令行打包H5 以及使用HBuilder X创建的老项目升级为可使用命令行打包的项目
13.再运行,终于不报错了,但是 ,项目中使用的 uni-simple-router和uni-read-pages来封装的路由器拦截失效了 纠其原因, uni-simple-router在vue-cli版本中 需要添加额外的配置项。这个bug是真坑~ 小小吐槽一下。9.老项目里的vue.config.js要拿出来 放到根目录下面来,老项目安装的一下依赖 需要在新项目重新安装,复制老项目下的package.json的依赖到新项目下 的package.json里,然后重新执行npm install。
2023-07-06 18:17:05
11726
3
原创 vue事件总线怎么使用(子组件与子组件之间的通信)
总结:Vue事件总线可以用于父子组件之间、兄弟组件之间、跨级组件之间等场景的通信。但由于它是全局对象,所以在复杂的应用中可能会导致事件冲突或难以追踪问题。因此,在使用事件总线时,建议仅在必要情况下使用,并且注意事件命名和解绑。Vue事件总线是一种通信机制,它允许在Vue组件之间进行事件传递和处理。1.在main.js注册。
2023-04-25 15:35:39
365
原创 前端渲染svg文件
2.用window自带的方法转成base64 然后再渲染到页面 svgFileData就是后端返回的文件数据。3.拼接前缀data:image/svg+xml;1.后端返回这样的svg文件 ,该如何在页面中渲染呢?5.完整demo请参考。4.直接在页面上使用。
2023-04-19 10:34:40
895
原创 vue执行栈溢出 Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of me
npm run dev 项目已经成功启动 但是 只要一改代码,重新编译 项目就挂掉了 报错:FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 原因:前端项目非常的庞大,webpack 编译时就会占用很多的系统资源,如果超出了V8对 Node 默认的内存限制大小就会出现内存溢出问题试了很多方法 均没有解决1.
2023-03-21 18:00:47
1254
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人