自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【无标题】Vue使用 pre-wrap换行 无效

使用pre-wrap 元素换行失败

2022-10-12 17:53:37 665 1

原创 【无标题】el-form 校验失败原因分析

el-form 校验

2022-10-12 17:51:26 673 1

原创 深拷贝与浅拷贝

这里写自定义目录标题深拷贝与浅拷贝深拷贝的方法深拷贝与浅拷贝深拷贝:B复制A,修改B的数据,A数据不会变;浅拷贝:B复制A,修改B的数据,A数据也会跟着变化;深拷贝的方法使用递归取复制数据;`function deepClone(obj){ let _obj = JSON.stringify(obj), objClone = JSON.parse(_obj); return objClone} let a=[0,1,[2,3],4], b=d

2022-03-08 11:26:07 103

原创 vue.js中使用Export2Excel导出Excel表格

1.安装依赖包npm install -S file-savernpm install -S xlsxnpm install -D script-loader2.导入两个JS文件(可自行在网上下载,亦可直接复制下方代码)(1)Export2Excel.js//Export2Excel.js/* eslint-disable */require('script-loader!file-saver');require('./Blob.js');//转二进制用 这边要写你的blob的实际地

2021-04-13 10:09:17 414

原创 自定义Element ui中el-upload上传后的文件图标

实现功能:上传图标显示图片图标,上传文件显示文档图标,上传视频显示视频图标首先想到的是去Element UI 查看有没有自定义的功能,后面发现底层源码写死的,那就不能自定义,就只能通过js操作了,那就在上传成功的钩子函数处理了el-upload组件<el-upload style="display: flex; align-items: center" ref="upload" accept="image/png, image/gif, application

2021-04-01 15:57:12 6977 2

原创 文件的导入导出

文件导出1.直接通过浏览器导出文件window.location.href = this.$api.module.browRecords // 接口地址2.通过axios导出// 引入import axios from 'axios'// 使用exportData() { axios({ method: 'post', // 请求方式 url: `${baseUrl}/course/buyrecord/exportlist`, // 请求地址 data: { // 请求参数

2021-02-22 13:55:54 567

原创 el-table 表格中的echaets图表

1.HTML代码<el-table :ref="'table'" v-loading="loading" :data="tableDate" :border="true" tooltip-effect="dark" class="data-table" > <el-table-column align="center" type="index" label="序号" width="50" /&gt

2021-02-20 10:07:46 411

原创 vue中使用baidu-map:根据详细地址、经纬度进行地图定位

1.全局安装与引用(1)安装npm install vue-baidu-map --save(2)全局引用import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { ak: '4258*******************97ddfd'})2.使用(1)HTML<div style="width: 50%"> <el-form-item label="详细地址" :required="tr

2021-01-04 17:37:28 5806

原创 Vue中使用QuillEditor富文本编辑器实现图片上传

Vue中使用QuillEditor富文本编辑器实现图片上传你好! 这是我第一次使用 QuillEditor编辑器,与之搭配使用的是Element UI的el-upload组件。1.安装npm install vue-quill-editor –save2.引用(可在main.js实现全局引用,亦可在当前页面按需引用)import Vue from 'vue'import VueQuillEditor from 'vue-quill-editor'import 'quill/dist/quil

2020-12-25 10:35:08 428

空空如也

空空如也

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

TA关注的人

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