![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue项目踩坑
vue
网络真危险!!
不想退休的程序猿不是好程序员
(暴富退休) 和 (暴富)来哪个都行
展开
-
vue @click 绑定的函数,如何同时传入事件对象 e 和自定义参数
vue @click 绑定的函数,如何同时传入事件对象和自定义参数原创 2022-12-27 18:21:53 · 2791 阅读 · 3 评论 -
【VUE的Form表单】使用v-if切换控件时,表单校验不生效
【VUE的Form表单】使用 v-if 或者 v-show 切换控件时,表单校验不生效原创 2022-09-29 11:00:13 · 3277 阅读 · 0 评论 -
【VUE的Form表单】在Form表单中对上传附件a-upload组件配置必填校验
在Form表单中对上传附件a-upload组件配置必填校验原创 2022-09-22 14:57:51 · 5793 阅读 · 10 评论 -
获取当前时间(例如:2022-08-12 16:03:43)
1、获取当前时间(例如:2022-08-12 16:03:43)原创 2022-08-12 16:35:58 · 680 阅读 · 0 评论 -
【前端】如何优雅的解决按钮“重复点击”问题
在项目中会有很多**按钮点击调取接口**的需求(比如:`提交`操作),很多业务用户会不自觉点两次或多次,就导致按钮**click方法会多次触发**,导致最后保存了**好几条一模一样的数据**,就会出现`脏数据`的情况......原创 2022-08-02 18:09:51 · 9945 阅读 · 4 评论 -
PC端 VUE 官网项目 前端开发 响应式布局(宽+高 等比例缩放)
各位大佬有好方法或者想指正的可以在评论去告诉我们,大佬们辛苦了(抱大腿)!!!原创 2022-08-01 11:22:23 · 5903 阅读 · 5 评论 -
前端如何实现精准的倒计时(排除误差、时间偏差)
前端倒计时的功能在很多业务场景都可以用到,比如活动开始、结束、秒杀倒计时等等等…我最近在处理流程审批及合同签署的项目,也涉及到倒计时功能,但在开发过程中遇到一些麻烦和坑点,下面和大家分享一下最后是如何解决的:正常来说,定时器功能主要由和这两个函数来完成,它们的内部运行机制完全一样,是将指定的代码移出本轮事件循环,等到下一轮事件循环,再检查是否到了指定时间。如果到了,就执行对应的代码;如果不到,就继续等待。(区别在于前者指定的代码是一次性执行,后者则为反复执行。)setInterval指定的是“开始执行”之间原创 2022-06-30 15:37:50 · 6477 阅读 · 2 评论 -
电子签名组件Vue
<template> <div class="signatureBox"> <div class="canvasBox" ref="canvasHW"> <div class="closeBox"> <span>请签名</span> <p @click="close">X</p> </div> <canvas原创 2022-06-24 14:03:37 · 713 阅读 · 0 评论 -
【 javascript】获取数组 或者 对象本身,去除__ob__: Observer
前景:使用了antdv里的表格组件,获取勾选的数据,想要勾选数据的ID集合,如图所示:这就导致最后传给接口的参数数据格式不对,接口会报500接口要求ids是数组集合,所以我们就要操作一翻,我查了好久发现,ob: Observer 是vue一个很重要的知识点,即:数据对象的 ob 属性,ob: Observer 这些数据是vue这个框架对数据设置的监控器,一般都是不可枚举的所以,如果需要枚举,可以用**JSON.parse(JSON.stringify(this.list))**来解决.....原创 2022-04-19 14:36:41 · 3960 阅读 · 0 评论 -
【ant design vue】a-table组件默认排序
项目需求:要求日报表格有按照创建时间、工作时间排序,并且初始化时按照创建时间倒序排列原创 2022-03-14 17:15:08 · 7558 阅读 · 1 评论 -
【ant design vue】a-upload组件上传文件大小、格式、数量 以及 像素限制
vue限制a-upload组件上传文件大小、格式、数量 以及 像素原创 2022-03-08 10:48:31 · 14587 阅读 · 0 评论 -
批量导出处理文件流
项目中需要开发一个批量导出的功能,调后端的导出接口拿到的响应是Excel流文件的格式,如下:前端在这里接收数据的代码为: // 导出 confirm() { let this_ = this Object.assign(this_.parameter, { all: this_.isAll, idList: this_.idList, excelName: this_.excelName, queryDat原创 2021-12-15 15:02:41 · 997 阅读 · 0 评论 -
手写轮播图
在项目中需要实现一个这样的轮播图:我把这里的功能封装成了一个组件:<template> <div class="boothBox"> <div class="item" v-if="boothList[currentIndex]"> <a :href="boothList[currentIndex].url" target="_blank"> <img :src="getPath(boothList[curr原创 2021-12-15 10:31:43 · 766 阅读 · 0 评论 -
【ant design vue】日期组件数据清空(a-range-picker,a-date-picker)
【ant design vue】日期组件数据清空(a-range-picker,a-date-picker)原创 2021-10-12 16:04:12 · 2306 阅读 · 0 评论 -
vue this.$forceUpdate()处理页面强制刷新问题
vue this.$forceUpdate处理页面刷新问题问题描述解决:问题描述在使用Vue框架开发时,在函数中改变了页面中的某个值,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值;解决:运用 this.$forceUpdate() 强制刷新(因为数据层次太多,render函数没有自动更新,需手动强制刷新。)...原创 2021-09-18 17:03:08 · 451 阅读 · 0 评论 -
常用表单校验规则 + 编辑保存时进行整个表单校验 或者 单个表单项进行校验
常用表单校验规则 + 编辑保存时进行整个表单校验 或者 单个表单项进行校验原创 2021-09-16 10:28:41 · 1177 阅读 · 0 评论 -
vue DatePicker 日期选择框组件 选中时获取当前日期时间带时分秒
format=“yyyy-MM-dd HH:mm:ss” value-format=“yyyy-MM-dd HH:mm:ss”原创 2021-09-15 17:59:14 · 1585 阅读 · 0 评论 -
ant-design的描述列表description组件中给label添加自定义样式(必填样式)
修改前:<a-descriptions-item label="案件名称"> {{ this.mdl.caseName }}</a-descriptions-item>对应效果:给label添加自定义样式, 修改后: <a-descriptions-item > <template v-slot:label> <span>案件名称<span style="color:'red', paddingLeft:原创 2021-09-15 17:17:06 · 6434 阅读 · 3 评论 -
vue跳转this.$router.push()同一路由如何强制刷新页面
1,新建一个名为refresh.vue的文件(放在你认为合理的任意目录);2,在refresh.vue里添加 beforeRouteEnter“路由钩子”代码块,代码如下:<template> </template><script>export default { beforeRouteEnter(to, from, next) { next(vm => { vm.$router.replace(from.path) //原创 2021-09-01 18:46:35 · 10294 阅读 · 0 评论 -
ECharts折线堆叠宽度自适应浏览器
可以写一个通用的echarts宽度自适应的chart-resize-mixin.js文件import*asechartsfrom'echarts'import_from'lodash'exportdefault{data(){return{doms:[]}},computed:{chartResize(){return_.throttle(()=>{return...原创 2021-07-13 18:36:00 · 360 阅读 · 0 评论