自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue3 使用echart 移动端无法拖动

看了半天,才发现声明chart.init()的变量用ref包起来了!使用了datazoom配置项,pc模式下可以正常左右拖动。项目在平板端上有一个h5项目,用到了echart折线图。f12使用移动端模式,就不行了,一拖动就莫名奇妙报错。用普通变量声明就正常了。

2023-09-21 16:28:16 516 1

原创 关于vue3+element plus,el-dialog里表单重置问题

时,el-dialog里的实例都为生成,el-form自然没有生成,所以模板确实给el-form绑定了state.form,然而el-form实例未挂载,也就没有初始值。此时state.form已经被改变,el-dialog显示,el-form实例挂载,el-form初始值就变成了已经被改变的state.form的值。首先,父组件引用子组件,子组件为弹窗el-dialog 下面是父组件示例。确保组件实例渲染完成之后,再进行表单项数据的改变。这样的原因是因为,我的代码是写在setup语法糖里,并且未执行。

2023-01-05 14:32:44 2146 4

原创 promise简单实现

1、最简单的实现promise有三种状态,分别是Pedding、Fulfilled、Rejected。Pedding promise对象实例创建时的初始状态Fulfilled可以理解为成功的状态Rejected可以理解为失败的状态2、构造一个Promise实例需要给Promise构造函数传入一个函数。传入的函数需要有两个形参,两个形参都是function类型的参数。分别是resolve和reject3、Promise上还有then方法,then方法就是用来指定Promise对象的状态

2022-04-21 22:00:54 1906

原创 js的数据类型和类型判断

js的数据类型一共存在8种。es5时期存在6种数据类型 undefined String Object Number Null Boolean到了es6时期 多加了两种Symbol bigIntSymbol :这种类型的对象永不相等,即便创建的时候传入相同的值也不相等主要用于解决属性名冲突问题BigInt:用来解决一直以来js处理number数据过大超出阈值时的精度丢失问题所以js数据类型包含了以上八种 undefined String Object Number Null Boo..

2022-04-18 00:27:17 169

原创 Vue axios的封装

可能会有很多初学者或者刚工作的人不知道怎么封装axios,分享一下比较通用的封装先安装下面几个依赖:axios,element-ui,qselement-ui主要是用他的消息组件,你可以换成别的ui组件在工具目录utils文件夹新建request.jsimport axios from 'axios'import { MessageBox, Message } from 'element-ui'import store from '@/store'import { ...

2022-03-19 14:14:54 1162

原创 vue修改浏览器标签名的办法

百度过许多方法 都感觉不够简洁 参考了vue-element-admin项目的方法 分享一下首先配置vue.config.js文件添加下面的配置configureWebpack: { // provide the app's title in webpack's name field, so that // it can be accessed in index.html to inject the correct title. // js打包编译后的文件名称【模块名称

2022-03-04 16:27:51 3877

原创 前端 vue 二维码解析工具

因为项目需要获取美团的团购券码核销功能 所以需要解析二维码图片下面需要用到这个工具“qrcode-decoder”先安装这个工具依赖npm i qrcode-decoder然后引入import QrCode from 'qrcode-decoder'在需要解析的函数内,使用工具decodeQrCode(file) { var that = this; var url = null; if (window.createObjectURL !

2022-02-11 14:16:24 1524 1

原创 uniapp uView 1.X版本 form表单验证select下拉框触发不了表单验证的问题

今天又遇到一个小问题,就是uview的form组件表单验证无法正确判断select下拉框的值照道理来说,应该是没问题的,问题出现在status的值是number类型,而rules的type默认验证string类型,所以一直判断验证失败。给规则添加type: 'number' 就解决了。坑真是多啊!!!...

2022-01-25 16:34:37 3155 3

原创 vue-element-admin 后台返回路由表 前端动态挂载的坑

自己公司要做一个后台系统,奈何本咸鱼没做过啊,没办法只能边学边做。以下vue-element-admin简称aed吧,懒得手打啦!相信小伙伴们都知道aed 里 router/index.js中的asyncRoutes是用来动态识别权限动态挂载的。但我的项目角色是可以增删改的,角色不固定不能套用aed本来那套写死的role角色判断权限的办法。于是机智(人蠢)的我,就打算把整个路由表组装好json,然后传给后端保存起来,什么角色对应着我保存的路由表。然后问题来了,登录时候拿到后端传回来的json

2022-01-20 10:09:01 1344 1

原创 vue 批量下载通用方法

自己做项目的时候遇到需要批量下载文件的需求,于是下意识就用了循环url地址数组创建a标签下载的方法,但浏览器有限制,超过10个文件将不能下载,最多下载10个。于是找遍网上文章,终于找到了适用的。在这记录一下,分享给需要的人首先需要用到两个插件file-saver 和jszip在需要批量下载功能的vue文件中引入import { saveAs } from 'file-saver'import JSZip from 'jszip'我的项目的文件是存放在阿里云oss里 所以我这边是.

2021-11-17 16:03:16 5676 7

原创 vue axios上传formData类型数据方法

记录一下自己在开发时遇到的一些问题如果我们直接设置axios 的headers属性'Content-Type': 'application/x-www-form-urlencoded'然后传data的话 数据类型还是为JSON 这是一个坑这个时候我们需要引入 es6自带的qs模块在main.js文件引入 并全局注入qs方法然后在axios里使用 对需要上传的数据对象进行序列化处理此时请求体中的数据为formData格式后端正确接收...

2021-11-08 17:35:50 1729

空空如也

空空如也

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

TA关注的人

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