- 博客(66)
- 收藏
- 关注
RSS订阅原创 vue渲染数组各子项实现文本超出宽度显示tooltip
摘要 本文介绍了在Vue项目中实现文本超出宽度显示tooltip的优化方案。通过分析两种否决方案（存储所有子项宽度结果和实时计算渲染）的不足，提出了一种仅在悬浮时计算的实现方式：使用scrollWidth与clientWidth比较判断文本溢出，动态控制tooltip显隐。该方案具有三大优势：1）按需计算提升性能；2）仅存储单个结果减少数据冗余；3）无需v-if条件渲染。关键实现包括宽度计算函数、tooltip显隐控制和悬浮事件处理。
2025-05-28 11:14:01
404
原创 js实现blob类型转化为excel文件
Content-Type：请求头设置，值为application/vnd.ms-excel，标记类型为excel文件。后端通过接口将excel文件通过blob类型数据进行返回，前端接收数据并将其转化为excel文件进行下载。创建blob类型对应的url对象挂载到链接上，并模拟点击链接方式进行excel文件下载。使用上述实现的两个方法，从接口获取blob后将其转化为excel文件下载。responseType：值为blob，标记返回数据类型为blob。
2024-10-31 11:30:04
1241
原创 electron-vue安装与打包问题解决
electron-builder生成的包路径与实际淘宝镜像包路径有差异，导致无法获取到对应的electron包。
2024-09-20 14:02:00
654
原创 Vue + element-ui实现动态表单项以及动态校验规则
项目需要实现一个功能，表单中某个表单项产品id支持动态新增多个产品id表单项，每个产品id表单项都需要有校验规则，校验失败时各自有对应的校验提示。
2024-09-19 09:45:04
1276
原创 JS日期转化指定格式，获取月/周日期区间
let date = new Date(year, 11, 31) // 12月31日== 1) { // 找到第一个星期一。
2024-09-14 14:42:48
727
原创 vue3.x项目使用高德地图JS API 2.0
)})// 在创建标记时绑定自定义事件})})})// 根据选中标记点，在标记点上方显示标记点信息窗体content: `${// 根据选中标记点，在标记点上方显示标记点信息窗体 const changeMarker =(item , marker , index) => {height: 0;left: 50%;">// 根据选中标记点，在标记点上方显示标记点信息窗体 const changeMarker =(item , marker , index) => {
2024-09-12 18:06:20
541
原创 Vue2升级Vue3 --- 第三方库变化（基于gogocode）
本次升级基于gogocode快捷转换，汇总的部分问题可能与gogocode有关，但仍可作为vue2升级vue3过程中报错问题的解决参考。
2024-09-06 18:06:33
1142
原创 vue项目引入iconfont矢量图标库
Vue项目中引入iconfont图标库的两种方式：单色字体图标和多色SVG图标。单色图标通过CSS引入和字体类名使用，可动态变色；多色图标通过JS引入和SVG标签引用，支持多路径颜色。文章详细介绍了图标文件下载放置路径、使用方法及原理说明，包括单色图标的字体实现方式和多色图标的SVG技术特点，指导开发者根据需求选择适当的图标类型。两种方式各有优势，单色图标灵活变色，多色图标视觉丰富。
2024-04-18 11:17:54
676
原创 vue + LogicFlow 实现流程图展示
基于某种类型节点改动可继承该类型节点类，若需要自定义整个节点则需继承htmlNode类去自定义构建html节点${const {const { ` el . innerHTML = html // 需要先把之前渲染的子节点清除掉 rootEl . innerHTML = '' rootEl . appendChild(el) } } export default {const {const {
2024-03-27 11:34:25
5039
4
原创 uni-app项目由hbuilder项目转化为cli项目
原uni-app项目是通过hbuilder创建的，运行以及打包都要依赖于hbuilder运行；后续希望脱离hbuilder运行并能通过构建平台进行打包，因此将hbuilder项目转化为cli项目。这个可能是less不同版本对webpack配置具有要求，而部分配置再uni-app中是不支持的，因此需要安装指定版本，安装下列less版本可以解决上述问题。其中less原是hbuilder本身支持的，通过cli创建项目后，需要额外安装less。此时需要注意less版本的问题，直接。安装的包将可能导致下列问题。
2023-08-31 11:12:17
2632
原创 uni-app的h5页面的onHide/onUnload方法不触发的问题解决
【代码】uni-app的h5页面的onHide/onUnload方法不触发的问题解决。
2023-02-28 15:01:05
7299
6
原创 vue-cli5升级：Multiple assets emit different content to the same filename index.html编译报错
【代码】vue-cli5升级：Multiple assets emit different content to the same filename index.html编译报错。修改copy-plugin过滤文件
2022-10-28 14:06:55
667
原创 vue-cli5升级：打包后运行时缺少对应的public文件夹下css、js等静态文件
【代码】vue-cli5升级：打包后运行时缺少对应的public文件夹下css、js等静态文件。修改copy-plugin配置
2022-10-28 11:54:55
1993
原创 vue-cli5升级：Progress Plugin Invalid Options编译报错
【代码】vue-cli5升级：Progress Plugin Invalid Options编译报错。同时升级webpack5形成版本一致
2022-10-28 11:38:04
778
1
原创 vue-cli5升级：运行时自动打开0:0:0:0地址且无法访问
【代码】vue-cli5升级：运行时自动打开0:0:0:0地址且无法访问。open + host 配置
2022-10-28 11:33:35
662
原创 vue-cli5升级：Call plugin(‘prefetch-index‘).use(＜Plugin＞) first编译报错
vue-cli5升级：Call plugin('prefetch-index').use() first编译报错。vue-cli5不再内置preload插件
2022-10-28 11:23:17
1565
原创 webpack5升级：compiler.plugin is not a function编译报错
webpack5升级：compiler.plugin is not a function编译报错。webpack5与preload插件不相容
2022-10-28 11:16:00
3381
2
原创 vue-cli5升级：插件冲突报错peer @vue/cli-service@“^3.0.0 || ^4.0.0-0“ from @vue/cli-plugin-babel@4.5.19
vue-cli5升级：插件冲突报错peer @vue/cli-service@"^3.0.0 || ^4.0.0-0" from @vue/cli-plugin-babel@4.5.19。node版本降级
2022-10-28 10:56:36
2059
原创 webpack5升级：[vuex] duplicate getter key:****运行报错
webpack5升级：[vuex] duplicate getter key:****运行报错。require.context的使用变化
2022-10-28 10:50:48
1331
原创 Android返回上级页面时还原页面状态信息
Android从页面跳转链接进入地图网页进行导航后返回原来页面，原来页面触发重新加载并刷新状态；希望能保留状态不刷新。：uni-app开发H5项目，H5项目链接webview嵌入app中。：无法控制Android刷新页面，仅能通过存储页面信息进行页面还原。：Android不会从缓存中获取页面，IOS则从缓存中获取页面。
2022-09-29 11:43:31
911
原创 H5页面的部分IOS兼容处理
问题：遮罩层遮挡位置不正确有白边，提交按钮应该在最底部却显示在popup上面。：uni-app开发H5项目，H5项目链接webview嵌入app中。解决：将popup组件放到外层组件中，避免放到内层组件中。IOS底部有安全距离，设置样式时要考虑安全距离。
2022-09-29 11:41:01
1106
原创 uni.openLocation起始点定位，IOS手机无法返回等问题
uni-app开发H5项目，H5项目链接webview嵌入app中。：打开目标的地图位置并进行导航，导航完成后退出回到原界面。：不使用该API，修改当前路径为地图页面路径直接进行导航。
2022-09-29 11:27:28
3246
2
原创 picker-view无法滚动或滚动后回弹至首项
每次需要手动设置picker-view的激活项前都将可选数组清空并取消渲染该组件，使用setTimeout再将原来的可选数组恢复并重新渲染，营造的效果为每次修改时都重新渲染组件，以此规避无法滚动的问题。：表单页面分为只读状态与编辑状态，当从编辑状态转回只读状态时重置picker-view的激活项；后续再返回编辑状态时，表现为picker-view始终固定在首项，滚动后也回弹至首项。：手动设置picker-view的激活项就会导致该问题，深层原因不明，可能是潜在bug。
2022-09-29 11:22:50
2038
原创 uni.chooseImage失效
由APP原生支持返回base64编码，处理base64编码后进行OSS上传实现拍照/选照上传功能。：webview中不支持，需要由APP进行原生支持。
2022-09-29 11:16:30
4240
原创 uni.chooseLocation地图无可选地址
情境：点击选择地址时，地图中定位准确，但下方无可选地址，搜索也无效果。原因：地图key的白名单导致失效。解决：清空地图key的白名单。
2022-09-29 11:12:01
1330
3
原创 antd-vue的modal内置表单重置原始值
1.第三方库版本Vue3.0，Antd3.22.针对情景modal内嵌表单作为组件进行引入，多个入口对modal进行复用modal内表单根据入口传入值进行初始化，再次打开后根据入口的值进行初始化3.关键属性destroyOnClose：modal属性，关闭modal时销毁子元素resetFields：表单重置函数，重置值以及校验状态等4.逻辑解析核心代码// 数据改变时修改表单值watch( () => props.record, (n,o) =>
2022-05-31 17:12:20
2463
原创 antd-vue的modal对话框关闭报错
第三方库版本：Vue3、Antd3.2现象：modal框点击关闭报错原因：modal通过v-model绑定作为prop传入的visible时，modal内置方法将更新prop中的visible，这种直接修改prop的情况导致报错解决方案：v-model:visible = “visible” => v-bind:visible = “visible”...
2022-05-31 16:52:56
2238
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人