自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 vue 自定义指令 对输入框,按钮进行防抖

代码如上所示,可以通过方便的方法对其vue的v-on事件添加防抖截流。

2023-09-15 11:08:01 225

原创 vue3 vite4 json数据导出为excel

该方法直接适用于vite项目,如果需要在webpack中使用,需要替换 xlsx-style-vite 插件为webpack版的 xlsx-style ,但是这个插件作者没有维护了,可能存在为题。请看我的另一篇关于excel导出的文章。该文章是 json数据导出为excel,我有另一篇文章是 table的dom结构转为excel。前话:我只是个工作的小菜鸟,如果有大佬有更好的方法,希望不吝赐教。这是我用到的三个插件的版本,自行安装,版本请保持和我一致。适配了复杂表头情况,如下所示。

2023-06-05 10:25:36 741

原创 vue2 前端 验证码 随机数

很多小伙伴都需要验证码的功能,那么我就写了个超级懒人一键生成验证码组件。下面是代码,可以直接复制粘贴使用。1.创建 CreateCode.vue 组件2. 在父组件中使用在组件模板中写入在js代码块中写入组件中有一些个性化定制,就请在自己摸索了。细看props。

2022-12-06 19:37:12 1023 1

原创 echarts 线条拖动例子

echarts 线条拖动

2022-08-05 17:58:37 717

原创 vue2 前端导出el-table表格为Excel文件 (自带样式)

vue2前端导出excel文件,非常简单的。适配了webpack5和webpack4。

2022-07-12 17:13:29 6419 25

原创 Vue2 el-table表格 sortablejs 行可托动排序

Vue2 el-table表格行可托动排序,我们经常需要用到,我直接封装成指令了,更方便.

2022-05-30 12:23:56 1134

原创 滚动到底判断

判断滚动是否到底。比如用户须知,到底后按钮点亮。代码用如下方法实现<template> <div class="aa"> <div class="box" ref="box"> <p>1123123</p> <p>21323</p> <p>1123123</p> <p>21323</p> <p&

2022-05-21 16:49:31 179

原创 element-ui 表格可编辑

<template> <el-table :data="tableData" style="width: 100%" @cell-click="handleEdit"> <template v-for="(item, index) in columData"> <el-table-column :label="item.label" :key="index" :prop="item.prop"> <templat.

2022-05-09 17:41:33 1783

原创 VUE和Element-UI下拉框select实现拼音,中文搜索

需求:用户要求打出首字母就能搜索到内容,而不是打汉字。需求分析:element自带搜索功能,支持汉字搜索,拼音的话需要引入第三方插件了。经过实验 pinyin-match完美实现。解决过程:首先安装 npm install pinyin-match --save全局引用和局部引用皆可,这里我们使用了局部引用import pinyin from "pinyin-match";给select标签添加filterable :filter-method="pinyingMatch".

2022-02-11 17:29:01 2659 9

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除