自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js字符串 每隔n个字符分割

1,每隔n个用逗号分隔。

2023-10-26 13:17:47 408 1

原创 文件预览功能,通过行数进行分页展示

【代码】文件预览功能,获取每行字符数,通过行数进行分页展示。

2023-10-20 09:33:39 152 1

原创 el-select触底刷新自定义内置指令

当初始化时el-select数据量过大存在卡顿问题,可以通过触底刷新的方式实现分页获取。通过自定义内置指令,可以在项目中进行多处使用。

2023-10-18 15:01:07 360 1

原创 js表格数据上移,下移功能

【代码】js表格数据上移,下移功能。

2023-10-07 16:10:34 301 1

原创 less、sass依赖安装

less以及sass依赖安装,指定版本 避免版本过高报错问题

2022-08-09 15:59:58 252 1

原创 Ant Design Vue a-form创建,赋值,获取,校验

1,创建a-form的form对象。4,重置form表单。

2022-08-05 14:12:40 2372

原创 vue动态切换主题色

vue动态切换主题1,在style文件中新建一个theme.json用来进行主题样式存储。2,在style中新建configColor.js用来设置主题。3,在main中调用addColor()方法添加主题样式。

2022-07-27 16:58:16 2521 3

原创 apiUrl校验

constreg=/^(https?|http)\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d。

2022-07-19 11:36:40 256

原创 vue 提交表单进度展示

通过axios的onUploadProgress配置,监听请求进度。实现提交表单或上传文件进度展示

2022-07-18 15:52:13 1865

原创 el-select可新增输入,可选择

最近在做一个功能,客户提出既可以下拉选择名称,也可以自己输入名称。用的el-select自带属性实现,但是需要点击回车才可以实现输入,弄了挺久才想到@input.native事件,通过input事件来赋值,很好的实现了可选择,可输入。1,通过filterable筛选属性,来实现可输入的下拉框。2.失去焦点给输入框赋值。......

2022-07-15 14:55:31 8165

原创 vue表单效验详细描述

对表单进行自定义效验,清除校验clearValidate(),单独校验validateField(["name"])

2022-07-08 16:09:59 649

原创 文件下载(导出)功能,fileDownload。

1,直接通过a标签的href属性完成下载功能2,通过window.open()实现下载前两种方法需要和后端约定好,将token以参数的形式传递过去,无法放在header里面。3,下面这种方法可以通过axios请求文件信息,通过fileDownload实现下载npm安装依赖在页面中导入获取文件,导出(该方法需要设置responseType: "arraybuffer")......

2022-06-27 09:12:50 2174

原创 花生壳实现内网穿透 异地组网

最近后端本地服务器+外地出差,连接服务器进行调试就没办法进行了,所以自己百度了一下,花生壳可以很好的完成内网穿透,进行互联,就是网络加载比较慢,不过真的是解决了目前的难题,这样无论在任何地点、任何时间、使用任何线路都可建立连接;在这里把步骤记录一下:1,打开花生壳官网,下载客户端官网地址:https://hsk.oray.com/2,下载完成,点击运行,注册账号并进行登录3,进入花生壳,点击新增映射 4,在电脑左下角输入cmd打开命令行窗口,输入ipconfig即可查看电脑ip地址这里的内网主机就上上面获取

2022-06-24 10:11:29 2525 1

原创 【vue+jsPlumb】实现字段映射(数据映射),通过手动连接创建映射关系

实现字段映射(数据映射),通过手动连接给表格字段创建映射关系,jsPlumb 初始化失败,无法获取数据可使用this.$nextTick(()=>{ } )来确保dom元素渲染完毕。以及映射字段重复需要连线映射的处理,完成映射关系以map形式传给后端。 jsPlumb_instance.deleteConnection(conn);删除映射关系,jsPlumb_instance.bind("connection", function (info) {})连线回调...............

2022-06-22 10:41:32 5280 6

原创 vue 手动上传文件,手动提交处理(拖拽式获取文件)

el-upload手动上传文件,文件和填写的表单数据一起提交给后端,单文件上传

2022-06-22 08:52:59 4364 2

原创 【组件间的传值】 父传子,子传父,兄弟组件传值,$parent ,$children与ref

父传子,子传父,兄弟组件传值,$parent ,$children与ref。 this.$refs必须要在页面中的ref子组件加载完毕,才可以获取到。否则undefine 可以用this.$nextTick(()=>{ } ) 等到页面完全渲染完毕之后在调用this.$refs即可...

2022-06-21 14:15:56 923

原创 npm 删除node_modules

点击鼠标右键打开Git Bash Here, 输入指令 npm install -g remove-node-modules 然后找到要删除的项目根目录下右键点击Git Bash Here(也可:cd 拉取项目文件夹-回车),然后输入:remove-node-modules 即可删除......

2022-06-21 08:43:56 4007

空空如也

空空如也

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

TA关注的人

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