自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue大型项目之分模块运行/打包

多系统集成下的分模块打包。分模块打包方式多种多样,可以适用于多系统之间互不干扰,主系统可集成各子系统,各子系统又可单独运行的业务场景。

2022-02-21 18:21:26 7654 8

原创 vue移动端 登录注册的业务流程

在我们开发一些项目的时候,有些路由页面是要登录才能进入,例如进入个人中心,或者我的博客,写博客等等一些页面... 当然,也有一些页面是不需要登录就能进去的,例如:首页,注册页等等... 当需要登录的页面,我们就要加上验证,不需要的则不用 该如何判断呢?就该在路由里的js加一些代码来判断了登录流程判断用户是否登录第一次登录的时候,前端调后端的登陆接口,发送用户名和密码,后端收到请求,验证用户名和密码如果想点进我的页面,没有登录的话,会自动跳转登录页面,前端可根...

2020-05-12 19:03:49 1724 2

原创 Vue js 当前日期多加一天

【代码】Vue js 当前日期多加一天。

2023-08-10 11:32:36 1692

原创 uniapp app端 echarts 设置tooltip的formatter不生效问题以及解决办法

echarts 柱状图 鼠标悬浮自定义 tooltips 自定义

2023-08-01 16:02:17 2560

原创 vue2 ant datepicker 日期选择框 点击此刻时间多8小时不正确解决方案

点击此刻的时候返回的moment对象中的时间多加8个小时

2023-08-01 15:26:35 707

原创 vue js 判断时间日期是否为今天昨天明天

【代码】vue js 判断时间日期是否为今天昨天明天。

2023-07-06 13:51:38 1304

原创 vue 启动项目报错:TypeError: Cannot set property ‘parent‘ of undefined异常解决

Syntax Error: TypeError: Cannot set property ‘parent‘ of undefined异常解决

2023-06-29 11:20:50 3514

原创 vue ant DatePicker 日期选择器默认当前月 或默认多少天

需数据量太大时,初始进入页面 默认展示两周或一个月数据

2023-05-09 13:53:04 3510 1

原创 antd-vue中a-range-picker限制日期最大选择区间

业务场景: 当选择完一个开始日期,截止结束日期不得大于x天

2023-05-09 10:44:22 1395

原创 vue ant DatePicker 日期选择器 限制日期

Vue ant 日期选择限制不能选择今天以前

2023-04-28 16:04:57 784

原创 js 判断当前字段是否含有小数点

vue判断当前是否含有小数点

2022-12-15 14:00:38 466

原创 vue+ant使用vue-amap 高德地图点击选点和搜索联动

业务场景:vue项目需要在地图上获取某个位置的详细信息

2022-11-29 18:15:02 1080

原创 vue富文本编辑器wangeditor输入空格回车的必填判断

判断富文本中的内容是否为空,或者多个空格

2022-08-08 18:08:50 1958 1

原创 ant-design-vue 修改a-button disabled默认样式

修改disabled默认样式

2022-08-05 16:01:47 1695

原创 vue ant a-input 标签 去除获取焦点时的样式

修改input框placeholder的默认样式去除获取焦点时的样式去除验证错误的样式

2022-08-04 14:35:08 1661

原创 Vue ant-design select组件搜索和远程数据结合

搜索和远程数据结合

2022-06-10 16:07:19 1555

原创 vue手机号中间的隐藏

手机号隐藏中间四位数字 用*号代替

2022-05-26 15:36:31 684

原创 vue 修改ant中table表格的展开图标 树形表格expandIcon自定义图标

使用antd-vue 的a-table自定义展开图标

2022-05-25 18:15:04 5903 3

原创 input不允许输入汉字,只可输入数字和字母等

禁止在input中输入中文

2022-04-29 15:49:15 9716

原创 vue a-range-picker回显问题和回显之后值无法改变的问题

日期选择 回显后无法改变

2022-04-24 14:36:22 4774 3

原创 Warning: icon should have ‘type‘ prop or ‘component‘ or ‘children‘解决方法

关于 antd_icon 控制台警告处理方案

2022-03-17 17:59:25 3967 4

原创 vue项目接口响应之前默认给所有接口加上公共参数的操作

给所有接口加上公共参数

2022-03-11 15:39:01 2778

原创 启动vue时ESLint报错解决方案

vue关闭eslint报错和警告

2022-02-22 16:48:19 3310 1

原创 vue h5 实现一键复制文案功能

点击按钮,实现一键复制纯文案的功能,代码如下:方法一 原生的方法 一般在浏览器上使用copyUrl() { let url = this.codeUrl let domInput = document.createElement('input'); domInput.value = url; document.body.appendChild(domInput); // 添加input节点 domInput.select(); //

2021-07-26 12:11:27 1209 4

原创 vue 一个动态链接url转成二维码

安装相关的依赖包npm install qrcode2 --savetemplate中需要展示的容器<div id="qrcode" ref="qrcode"></div>在js代码中写入转换为二维码方法 //生成二维码 qrcodeScan() { //这里是为了 每次进入方法就删除上一张二维码 document.getElementById("qrcode").innerHTML = ""; //获取url l

2021-07-26 11:26:36 763

原创 js利用html2canvas实现dom元素转图片下载

业务场景: 需要对页面进行截图保存技术: JS截图插件html2canvas.js实现在用户浏览器端直接对整个或部分页面进行截屏。如图点击下方保存图片按钮进行上方页面转换成图片保存首先 安装html2canvas依赖npm install --save html2canvas在所需页面引入import html2canvas from 'html2canvas'js相关代码 saveImg() { let container = document.getElement

2021-07-26 10:55:43 448 1

原创 css 文本两行显示,超出省略号表示

word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 这里是超出几行省略 */ overflow: hidden;要实现多行文本垂直居中单用行高 line-height: 不能满足利用flex布局父元素水平...

2021-07-23 15:07:33 518

原创 vue限制input只能输入正整数 保留小数点后两位

记录正则匹配只能输入正整数 <a-input v-model="form.limitAmount" placeholder="1" type="number" suffix="张" onkeyup="this.value=this.value.replace(/^(0+)|[^\d]+/g,'')" />只能输入正整数并且保留两位小数 <a-form-model-item label="面值:" prop="couponPrice" > <a-input v

2021-07-13 17:33:22 2971

原创 vue防止按钮重复提交

在项目的一些新增页面,点击提交时,由于后台反应慢,让客户误以为没有反应,就会重复点击提交按钮,所以可能导致一个数据多次重复添加,严重可能导致出现问题可能会说,客户看不到反应,在点击按钮的时候我给他提示不就好了,但这并不是最合适的方法,还会导致重复提交。一个项目不可能只有一个提交,所以难道每次都需要一段JS去控制他重复提交的代码吗,我们可以使用全局方法指令直接在main.js中加上如下代码,我们就可以全局使用了,//防多次点击,重复提交Vue.directive('preventReClick',

2021-05-08 14:25:14 2971 8

原创 promise.all的用法

async getCreditDictionaryList() { let getShare0 = this.getCreditDictionary('cs_type') let getShare1 = this.getCreditDictionary('audit_status') let getShare3 = this.getCreditDictionary('director_dept') Promise.all([getShare0, getSha.

2021-04-16 17:26:50 335 4

原创 js 图片文件的下载

//文件的下载 downloadFile(item) { //如果是ie浏览器 if (window.navigator.msSaveBlob) { var data = new Blob([item.accessoryUrl]) //路径 window.navigator.msSaveBlob(data, item.fileName);//名称 } else { //谷歌 var url = item.ac...

2021-04-16 17:21:27 189

原创 vue js 跳转外部链接方法 例:百度

在做系统的时候可能需要从这个系统跳入另外一个系统如果是vue页面中的内部跳转,可以用this.$router.push()实现,但是如果我们还用这种方法跳到外部链接,就会报错,需要用下方跳转实现 window.location.href = 'http://www.baidu.com':前面要加上http:// ,不然跳不出去,一直在当下域名访问网址...

2021-04-08 10:32:26 4509 5

原创 element-ui 弹出框点击弹出框以外的地方,收起弹出框

在弹框加上这个属性即可,点击弹框意外隐藏弹框,false反之:close-on-click-modal="true"

2021-04-07 15:53:51 781

转载 js 获取当月的第一天和最后一天 获取距离上次的时间间隔

1获取当月的第一天function getCurrentMonthFirst() { var date = new Date() date.setDate(1) return date}2.获取当月的最后一天function getCurrentMonthLast() { var date = new Date(); var currentMonth = date.getMonth(); var nextMonth = ++currentMonth; var nextMont

2021-04-01 17:12:17 326

原创 element ui 上传组件 before-upload返回false自动调用before-remove on-remove钩子问题

在用elementUI的上传组件的时候,我们单纯的如下图所示可以筛选符合的格式上传但存在个问题,他仍然可以自己选所有文件在上传的 时候就会报错,这时只能在上传之前给他做个类型判断,当他上传不符合的类型事直接返回法false,不调用上传文件的接口其实这个时候已经被拦截了,我们根本没有调用上传文件,所以也不会有删除操作,但他却自己调用了删除得钩子,解决方法在删除得钩子里面加上如下判断,即可解决。...

2021-03-30 11:37:16 840 1

原创 vue中使用js基于正则实现数字千分位用逗号分割

这个需求用到的还是蛮多,虽说我们有组件,可以直接代替,但是直接在js里,还是得需要自己封装一个函数,也方便复用嘛。直接上代码吧//数字千分位逗号分割let c = (item.value.toString().indexOf('.') !== -1) ? item.value.toLocaleString() : item.value.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');console.log(c)如果数字带有小数点的话,使用toL

2021-03-29 16:05:11 1219

原创 HTTP跨域请求的发两次的原因

开发项目当中,发现了一个请求发送了两次,很奇怪,我只调用了一次啊,在浏览器中查却是调用了两次查了查百度搜到下面这段,顺便记录一下浏览器的同源策略就是出于安全考虑,浏览器会限制从脚本发起的跨域HTTP请求(比如异步请求GET, POST, PUT, DELETE, OPTIONS等等),所以浏览器会向所请求的服务器发起两次请求,第一次是浏览器使用OPTIONS方法发起一个预检请求,第二次才是真正的异步请求,第一次的预检请求获知服务器是否允许该跨域请求:如果允许,才发起第二次真实的请求;如果不允许,则拦

2021-03-19 16:01:29 1690 2

转载 Vue-router 中hash模式和history模式的区别

咱们今天说说VUE路由的hash模式与history模式的区别,这个也是面试常问的问题,不要小看这道题其实问到这里的时候那个面试官应该是个大牛,开发经验丰富,这个题其实就是考验你的开发经验是否属实。咱们来看看小白的回答。小白回答:hash模式url带#号,history模式不带#号。回答总结:这个回答其实和没有回答是一样,百度一下都知道了,官网文档也有,如果这样回答就能通过,那么那个面试官问这个问题又有什么意义呢?其实这个问题的意义是考验你的开发经验,与实际场景的应用和与后端人员的配合。大牛解答:.

2021-03-18 15:31:05 238

原创 html a标签链接 点击下载文件

通常在咱们写项目的时候会遇到附件上传、下载功能,在上传完文件后会把文件的路径发送给后端保存到数据库里以便下载,如果不通过后台直接下载的话,可以把文件路径给a标签的属性href,就可以实现下载<a href="文件路径">点击下载</a>但是有个情况,比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的,而是会直接打开文件,这个时候就需要给a标签添加一个属性“download”;<a href="文件路径" download="文件名">点击

2021-03-15 17:30:41 11565 12

原创 前端接收数据流实现图片预览效果--ajax 请求二进制流 图片 文件 XMLHttpRequest 请求并处理二进制流数据

当我们上传附件的时候,还伴随这文件的预览的下载功能文件预览想实现文件预览首先,思考到显示图片而已,jquery ajax直接get请求 将返回data 赋值给img标签的src属性即可,but,普通的请求类型并不能请求成功原因 后端反我们的二进制流数据,需要xmlhttprequest 2 标准中支持流文件的,并且应该使用 xhr.response作为返回 而不是responseText。// 发送get请求,接收后端返回的文件流export function getFile(params,

2021-03-15 16:53:27 2892 1

空空如也

空空如也

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

TA关注的人

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