- 博客(18)
- 收藏
- 关注
RSS订阅原创 vue3+vite打包上线自动检测版本号提示更新（纯前端）
摘要： 本文介绍了一个Vue项目版本检测与更新提示的实现方案。通过Vite插件在构建时生成包含时间戳的version.json文件，实现版本标识；利用自定义Hook实现定时轮询检测远程版本更新；最后通过弹窗组件提示用户刷新页面。方案包含错误处理、随机图片展示和用户交互功能，确保用户能及时获取最新版本。核心代码展示了版本文件生成、版本比对逻辑及可视化提示组件的实现。
2026-04-01 13:49:04
384
原创 vue3二次封装elementui-plus Table组件，增加表头显示和拖拽排序
本文实现了一个基于Element UI的增强型表格组件ProTable，主要功能包括：1) 支持顶部工具栏插槽和列设置功能，可自定义显示列和拖动排序；2) 内置表格主体，支持选择框、序号列、自定义插槽和空状态显示；3) 提供分页组件和高度自适应功能；4) 通过响应式设计实现列状态管理，包括列的显示/隐藏和顺序调整。组件采用TypeScript编写，通过props接收表格数据、列配置和分页信息，并支持多种自定义事件。该组件封装了常见表格交互需求，提升了开发效率。
2026-03-17 14:29:24
39
原创 vue3+elementui-plus Tree组件鼠标右键菜单（自适应屏幕）
vue3+elementui-plus Tree组件鼠标右键菜单（自适应屏幕）
2026-02-28 18:41:17
221
原创 uni-app $emit和$on传值第一次获取不到值
在使用$emit传递参数或者对象、数组时第一次获取不到传递过去的数据。解决办法在传递的时候加个延迟，大于或者等于500毫秒就可以。
2022-07-28 09:26:31
3018
3
原创 Element UI 表格拖拽行，列
需要用到插件 sortablejs ，在项目中安装，引入到需要的页面，或者在main.js进行全局注册表格上面一定要写上row-key=“id”
2022-06-07 16:39:11
860
原创 ElementUI 表格分页组件
ElementUI 表格分页组件<template> <div class="pagination"> <el-pagination background :current-page="currentpage" :page-sizes="pagesizelist" :page-size="pagesize" layout="total, sizes, prev, pager, next, jumper"
2022-03-07 15:15:49
576
原创 vue报错：Expected indentation of 2 spaces but found 4
vue报错：Expected indentation of 2 spaces but found 4错误：预期缩进2个空格，但发现4个
2022-02-25 11:35:39
1200
原创 ElemetUI el-input 给v-model赋了默认值后不能编辑
ElemetUI el-input 给v-model赋了默认值后不能编辑<el-input v-model="this.obj.name"></el-input>// 这是在一个方法中给value赋值，方法是直接触发的this.obj.name = "99"问题是，赋值之后原本的input 框中就出现了100，但是不能修改了。原因是：vue不允许在已经创建的实例上添加新的根级响应式属性，但可以通过set添加。所以解决办法就是把上面赋值这句代码修改为：this.$se
2022-02-14 13:34:25
4874
原创 vue 限制手机端访问
vue 限制手机端访问APP.vue页面mounted() { var ua = navigator.userAgent var ipad = ua.match(/(iPad).*OS\s([\d_]+)/) var isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/) var isAndroid = ua.match(/(Android)\s+([\d.]+)/) // 或者单独判断ipho
2022-01-25 15:01:11
1215
原创 Element-UI表格选中翻页记住状态
Element-UI表格选中翻页记住状态表格设置row-key<el-table :data="tableData" style="width: 100%" :row-key="getRowKeys" >row-key是data属性getRowKeys(row) { return row.ProductId}<el-table-column type="selection" :reserve-selection="tr
2021-12-08 11:50:16
481
原创 elementui表格高度自适应
elementui表格高度自适应<el-table :data="tableData" style="width: 100%" border :height="heights" ref="refsTable" ></el-table>//根据浏览器高度设置初始高度，并监听浏览器高度变化，改变表格高度，100表示表格距离浏览器的高度 mounted(){ this.$nextTick(() =&
2021-10-14 10:22:31
4063
3
原创 Element-Ui 表格输入框回车进入下一行
Element-Ui 表格输入框回车进入下一行<template slot-scope="scope"> <div id="tab_list"> <el-input type="text" placeholder="" v-model="scope.row.OrderQuantity" @keyup.native.enter="nextFocus($event,scope.$index,scope.row)"
2021-10-13 11:24:07
1073
原创 Javascript-常用内置对象及方法
在JS中万物皆对象，下面来看看有什么样的对象内置对象都有它们自己的属性和方法：对象名.属性名称;对象名.方法名称一、Array数组对象1）shift格式：数组.shift()功能：移除数组开头第一项参数：无返回值：移除的内容原数组发生改变2）unshift格式：数组.unshift(参数…)功能：在数组开头添加一个或多个参数：一个或多个返回值：数组的长度原数组发生改...
2020-04-06 11:51:34
340
原创 JavaScript
JavaScript — 数据类型转换值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对 空（Null）、未定义（Undefined）、Symbol。注：Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。1、typeof 判断数据类型 t...
2020-03-21 16:15:02
148
原创 CSS3动画
CSS3动画（逆战班）1、@keyframes规则 要创建动画，你需要你需要了解@keyframes规则：@keyframes规则是创建动画。@keyframes规则内指定一个css样式和动画将逐渐从目前的样式更改为新的样式。2、兼容浏览器3、动画属性transform（直接动画、转换动画）1）rota...
2020-03-07 16:27:20
271
原创 CSS盒模型
所有的HTML元素都可以看做是一个盒子，在CSS中盒子模型是为了布局和设计使用的，CSS盒模型本质上就是一个盒字，封装HTML元素包括:margin(边距)、padding（填充）、border（边框）、content（实际内容），盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
2020-02-22 21:38:35
1843
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人