- 博客(94)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue大型项目之分模块运行/打包
多系统集成下的分模块打包。分模块打包方式多种多样,可以适用于多系统之间互不干扰,主系统可集成各子系统,各子系统又可单独运行的业务场景。
2022-02-21 18:21:26
8084
8
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue移动端 登录注册的业务流程
在我们开发一些项目的时候,有些路由页面是要登录才能进入,例如进入个人中心,或者我的博客,写博客等等一些页面... 当然,也有一些页面是不需要登录就能进去的,例如:首页,注册页等等... 当需要登录的页面,我们就要加上验证,不需要的则不用 该如何判断呢?就该在路由里的js加一些代码来判断了登录流程判断用户是否登录第一次登录的时候,前端调后端的登陆接口,发送用户名和密码,后端收到请求,验证用户名和密码如果想点进我的页面,没有登录的话,会自动跳转登录页面,前端可根...
2020-05-12 19:03:49
1757
2
原创 uniapp app端 echarts 设置tooltip的formatter不生效问题以及解决办法
echarts 柱状图 鼠标悬浮自定义 tooltips 自定义
2023-08-01 16:02:17
2782
原创 vue 启动项目报错:TypeError: Cannot set property ‘parent‘ of undefined异常解决
Syntax Error: TypeError: Cannot set property ‘parent‘ of undefined异常解决
2023-06-29 11:20:50
3873
原创 vue ant a-input 标签 去除获取焦点时的样式
修改input框placeholder的默认样式去除获取焦点时的样式去除验证错误的样式
2022-08-04 14:35:08
1775
原创 Warning: icon should have ‘type‘ prop or ‘component‘ or ‘children‘解决方法
关于 antd_icon 控制台警告处理方案
2022-03-17 17:59:25
4083
4
原创 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
1288
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
796
原创 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
471
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
555
原创 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
3079
原创 vue防止按钮重复提交
在项目的一些新增页面,点击提交时,由于后台反应慢,让客户误以为没有反应,就会重复点击提交按钮,所以可能导致一个数据多次重复添加,严重可能导致出现问题可能会说,客户看不到反应,在点击按钮的时候我给他提示不就好了,但这并不是最合适的方法,还会导致重复提交。一个项目不可能只有一个提交,所以难道每次都需要一段JS去控制他重复提交的代码吗,我们可以使用全局方法指令直接在main.js中加上如下代码,我们就可以全局使用了,//防多次点击,重复提交Vue.directive('preventReClick',
2021-05-08 14:25:14
3001
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
355
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
219
原创 vue js 跳转外部链接方法 例:百度
在做系统的时候可能需要从这个系统跳入另外一个系统如果是vue页面中的内部跳转,可以用this.$router.push()实现,但是如果我们还用这种方法跳到外部链接,就会报错,需要用下方跳转实现 window.location.href = 'http://www.baidu.com':前面要加上http:// ,不然跳不出去,一直在当下域名访问网址...
2021-04-08 10:32:26
4683
5
原创 element-ui 弹出框点击弹出框以外的地方,收起弹出框
在弹框加上这个属性即可,点击弹框意外隐藏弹框,false反之:close-on-click-modal="true"
2021-04-07 15:53:51
815
转载 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
338
原创 element ui 上传组件 before-upload返回false自动调用before-remove on-remove钩子问题
在用elementUI的上传组件的时候,我们单纯的如下图所示可以筛选符合的格式上传但存在个问题,他仍然可以自己选所有文件在上传的 时候就会报错,这时只能在上传之前给他做个类型判断,当他上传不符合的类型事直接返回法false,不调用上传文件的接口其实这个时候已经被拦截了,我们根本没有调用上传文件,所以也不会有删除操作,但他却自己调用了删除得钩子,解决方法在删除得钩子里面加上如下判断,即可解决。...
2021-03-30 11:37:16
870
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
1250
原创 HTTP跨域请求的发两次的原因
开发项目当中,发现了一个请求发送了两次,很奇怪,我只调用了一次啊,在浏览器中查却是调用了两次查了查百度搜到下面这段,顺便记录一下浏览器的同源策略就是出于安全考虑,浏览器会限制从脚本发起的跨域HTTP请求(比如异步请求GET, POST, PUT, DELETE, OPTIONS等等),所以浏览器会向所请求的服务器发起两次请求,第一次是浏览器使用OPTIONS方法发起一个预检请求,第二次才是真正的异步请求,第一次的预检请求获知服务器是否允许该跨域请求:如果允许,才发起第二次真实的请求;如果不允许,则拦
2021-03-19 16:01:29
1738
2
转载 Vue-router 中hash模式和history模式的区别
咱们今天说说VUE路由的hash模式与history模式的区别,这个也是面试常问的问题,不要小看这道题其实问到这里的时候那个面试官应该是个大牛,开发经验丰富,这个题其实就是考验你的开发经验是否属实。咱们来看看小白的回答。小白回答:hash模式url带#号,history模式不带#号。回答总结:这个回答其实和没有回答是一样,百度一下都知道了,官网文档也有,如果这样回答就能通过,那么那个面试官问这个问题又有什么意义呢?其实这个问题的意义是考验你的开发经验,与实际场景的应用和与后端人员的配合。大牛解答:.
2021-03-18 15:31:05
251
原创 html a标签链接 点击下载文件
通常在咱们写项目的时候会遇到附件上传、下载功能,在上传完文件后会把文件的路径发送给后端保存到数据库里以便下载,如果不通过后台直接下载的话,可以把文件路径给a标签的属性href,就可以实现下载<a href="文件路径">点击下载</a>但是有个情况,比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的,而是会直接打开文件,这个时候就需要给a标签添加一个属性“download”;<a href="文件路径" download="文件名">点击
2021-03-15 17:30:41
11835
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
3027
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人