LeeToLee - 博客园

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 阅读(5) 评论(0) 推荐(0)

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

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

posted @ 2024-09-14 16:50 LeeToLee 阅读(32) 评论(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 阅读(211) 评论(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 阅读(361) 评论(0) 推荐(0)

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

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

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

el-table列表中数据有\n换行符，显示不换行问题解决

摘要： <el-table-column prop="remark" label="备注" min-width="200"> <template slot-scope="scope"> <template> <span class="pre">{{ scope.row.remark }}</span> </ 阅读全文

posted @ 2024-08-19 10:04 LeeToLee 阅读(518) 评论(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 阅读(297) 评论(0) 推荐(0)

el-table列表显示解决数据中多空格自动省略为一个空格问题

摘要：解决方案添加样式即可`style="white-space:pre;"` <el-table-column prop="xxx" label="abc" align="center" min-width="150" show-overflow-tooltip> <template slot-sco 阅读全文

posted @ 2024-08-06 11:51 LeeToLee 阅读(225) 评论(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 阅读(89) 评论(0) 推荐(0)

el-tree 获取选中节点的父节点

摘要： <template> <el-tree :data="data" show-checkbox node-key="id" ref="tree" @node-click="handleNodeClick" > </el-tree> </template> <script> export default 阅读全文

posted @ 2024-07-18 10:16 LeeToLee 阅读(872) 评论(0) 推荐(0)

导航

2025年4月10日

2024年9月14日

2024年9月2日

2024年8月19日

2024年8月15日

2024年8月6日

2024年7月19日

2024年7月18日