Vue 杂记 - 随笔分类 - LeeToLee

vue3+vite动态加载本地图片

摘要：在vue2+webpack中,动态加载图片使用require引入 require('../../assets/img/EyeInvisible.png') 在vite中,不能使用require,可以导入资源后再使用,类似这样 import imgUrl1 from './img' <img src= 阅读全文

posted @ 2025-09-05 14:07 LeeToLee 阅读(112) 评论(0) 推荐(0)

vite+vue3+ts解决别名引用@/api/user找不到相应的模块报错问题

摘要：背景:使用@引入项目资源,报错找不到相应的模块,不使用@又不会出现报错,大概率是配置问题前提:确保项目中存在目标文件解决步骤: 1.安装依赖 @types/node 用于处理别名不生效问题 npm i @types/node -D 2.在vite.config.ts中配置别名 resolve: 阅读全文

posted @ 2025-09-05 11:49 LeeToLee 阅读(43) 评论(0) 推荐(0)

canvas实现网页、移动端签名功能

摘要：canvas 签名阅读全文

posted @ 2025-08-19 11:32 LeeToLee 阅读(4) 评论(0) 推荐(0)

svg调试,获取g元素并将其居中

摘要：svg居中,g标签居中阅读全文

posted @ 2025-08-18 14:56 LeeToLee 阅读(16) 评论(0) 推荐(0)

vue3+ts项目打包时node_modules中的语法报错

摘要：vue3打包报错阅读全文

posted @ 2025-07-04 14:40 LeeToLee 阅读(57) 评论(0) 推荐(0)

VUE CLI(webpack)配置webSocket代理,实现与vite中rewriteWsOrigin配置相同的功能

摘要：VUE CLI中配置服务代理,使用devServer配置 module.exports = { devServer: { proxy: { // 普通 API 代理 '/api': { target: 'http://backend-server:3000', changeOrigin: true 阅读全文

posted @ 2025-04-10 17:13 LeeToLee 阅读(142) 评论(0) 推荐(0)

vue实现点击任意位置关闭侧滑显示

摘要：需求：点击el-table列表展示侧滑框，再次点击列表中不同数据，刷新侧滑框中数据；点击外部任意位置关闭侧滑框思路：给整个页面加点击事件 click，通过target判断点击的外层元素以及点击的位置，执行关闭侧滑框方法代码：mounted中监听click事件 mounted() { let do 阅读全文

posted @ 2024-09-14 16:50 LeeToLee 阅读(53) 评论(0) 推荐(0)

vue3+TS+vite实现瀑布流列表

摘要：安装依赖 npm install vue-waterfall-plugin-next vue文件中引入使用 <script setup lang="ts"> import { RouterLink } from 'vue-router' import { Waterfall } from 'vue- 阅读全文

posted @ 2024-09-02 20:29 LeeToLee 阅读(348) 评论(0) 推荐(0)

el-table使用sortablejs推拽排序卡顿问题解决

摘要：使用sortablejs拖拽el-table排序时，对于纯文本表格，正常使用即可，不会卡顿 initSort() { const tbody = document.querySelector('.el-table__body-wrapper tbody') const _this = this So 阅读全文

posted @ 2024-08-19 15:44 LeeToLee 阅读(443) 评论(0) 推荐(0)

Vue 项目报错Uncaught SyntaxError: Unexpected token ＜刷新之后又可以继续访问问题解决

摘要：场景：页面打开不操作，前端项目代码更新重新部署后（比如Jenkins发布部署）页面不刷新，操作页面(点击打开弹窗、切换菜单等)，页面没有反应，控制台报错 Uncaught SyntaxError: Unexpected token <。这个问题偶现，只有在项目重新部署后会出现，页面刷新后就恢复正常阅读全文

posted @ 2024-08-19 15:09 LeeToLee 阅读(5202) 评论(0) 推荐(0)

前端使用WebSocket

摘要：// 初始化 let socketUrl = "ws://127.0.0.1/notification/1920102920123232"; // 也有加密的协议 let socketUrl = "wss://127.0.0.1/notification/1920102920123232"; let 阅读全文

posted @ 2024-08-15 16:35 LeeToLee 阅读(350) 评论(0) 推荐(0)

window.open页面卡死

摘要：使用window.open()打开新页面预览文件，父子页面均卡死，查资料找到解决方案： window.open(url,"_blank","noopener"); 加第三个参数“noopener” 参考： https://blog.csdn.net/wuyulkl/article/details/1 阅读全文

posted @ 2024-07-19 10:13 LeeToLee 阅读(122) 评论(0) 推荐(0)

多个Echarts快速切换数据显示错乱问题

摘要：问题：Echarts图表快速切换，最后一次渲染中有上次的数据解决：在 setOption方法之前，先clear // 快速切换显示错乱先清理上次数据 Chart?.clear() Chart?.setOption(option) 阅读全文

posted @ 2024-03-14 10:08 LeeToLee 阅读(202) 评论(0) 推荐(0)

JS获取302重定向后的地址

摘要：使用fetch API来发送一个HTTP请求，然后获取response.url属性 fetch('原始URL') .then(function(response) { if (response.ok) { var redirectedURL = response.url; console.log(r 阅读全文

posted @ 2023-12-27 11:38 LeeToLee 阅读(701) 评论(0) 推荐(0)

JS获取URL字符串中的参数

摘要：// 获取完整的URL字符串 var url = window.location.href; // 获取URL字符串中的参数部分 var params = url.split('?')[1]; // 将参数部分按照&符号分割成数组 var paramsArray = params.split('&' 阅读全文

posted @ 2023-12-27 11:36 LeeToLee 阅读(194) 评论(0) 推荐(0)

前端添加配置文件——webpack打包部署后可配置

摘要：1.在public文件夹下，新建config/config.js文件 window["edmConfig"] = { loginConfig: { loginSource: "d d d", loginUrl: "a a a", service: "c c c" } } 2.在index.html中阅读全文

posted @ 2023-12-27 11:33 LeeToLee 阅读(125) 评论(0) 推荐(0)

vue引入外部样式只在当前文件生效

摘要：引入外部文件时，想要只在当前组件使用，但是我们使用如下方式时，会在全局使用。因为在scoped起作用的时候，import还没有引入这个文件 <style scoped> @import "../../xx.css" </style> 使用以下方式即可 <style scoped src="../.. 阅读全文

posted @ 2023-11-28 10:17 LeeToLee 阅读(442) 评论(0) 推荐(0)

vue3+element-Plus表格滚动联动

摘要：const Table0 = ref() const Table1 = ref() function syncScroll() { for (let i = 0; i < compareData.compareInfo.length; i++) { let firstTable = Table0.v 阅读全文

posted @ 2023-11-17 17:30 LeeToLee 阅读(904) 评论(0) 推荐(0)

前端全局页面添加水印

摘要：// 下载npm包npm install watermark-package -S 使用 import watermark from "watermark-package"; // 添加水印 watermark.setWaterMark({ w_texts: [data.userName, data 阅读全文

posted @ 2023-04-27 10:28 LeeToLee 阅读(301) 评论(0) 推荐(0)

elementUI使用v-if控制tab标签显示报错 Duplicate keys detected: 'xxx'

摘要：<el-tabs @tab-click="handleClick" v-model="activeTabName"> <el-tab-pane v-if="" label="用户管理" name="first" ref="first" >...</el-tab-pane> <el-tab-pane 阅读全文

posted @ 2023-03-28 10:32 LeeToLee 阅读(82) 评论(0) 推荐(0)

导航

随笔分类 - Vue 杂记