- 博客(19)
- 收藏
- 关注
RSS订阅原创 在vue中使用swiper时左右点击按钮失效
版本问题，把nextButton: '.swiper-button-next',prevButton: '.swiper-button-prev',改为：navigation:{ nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev',}参考文章：在vue中使用swiper时左右点击按钮失效等坑分享。。。 - 简书1.在vue项目中使用swiper 1.下载安装包 npm install vue-aweso...
2022-04-10 15:32:21
3369
原创 基于vue-simple-uploader的文件分片上传
<template> <div class="main_con"> <uploader :options="options" :file-status-text="statusText" class="uploader-example" ref="uploader" @file-success="fileSuccess" @file-e..
2021-12-20 11:18:09
793
1
转载 vue 大文件切片上传（秒传）
基于vue的h5文件切片上传（获取文件md5，实现秒传、进度条实现）_qq_42245281的博客-CSDN博客_vue 文件md5
2021-12-09 14:38:58
477
原创 scss安装后报错：this.getOptions is not a function问题
//卸载sass-loader，安装7.3.1版本npm uninstall --save sass-loader npm i -D sass-loader@7.3.1 // 卸载node-sass 安装4.14.1版本npm uninstall --save node-sass npm i node-sass@4.14.1 // 重新启动，问题解决
2021-10-19 17:14:17
200
转载 地图下钻功能
<template> <div id="main" style="width: 100%; height:500px;"></div></template><script>import $echarts from 'echarts';import cityMap from '@/js/citymap.js';import $axios from 'axios';const provinces = { //23个省 .
2021-10-19 10:24:09
182
转载 Cannot read property ‘reduce‘ of null
“Cannot read property 'reduce' of null”，网上很多资料推测是vue和elementUI版本不一致导致。实际致错原因亦可能是table的Data属性绑定值初始为null所致，所以只需将Data绑定的变量值改为空数组即可。
2021-09-03 15:29:28
214
原创 vue 表单未保存离开页面进行提醒
// 监听form 内数据变化 弹窗关闭时 判断是保存按钮关闭还是 其他方式关闭。// 保存按钮关闭正常调用接口即可,其他方式判断count // 如果是编辑,打开count数据为1,新增为0(这里刷新页面第一次点击新增也为1,后续解决了这个bug再更新)// 关闭后count重置为0即可。 form: { handler(val) { if (val) { this.count++ } if (!this.visible) { .
2021-08-30 19:32:14
702
原创 element 中表单 validateField方法部分校验遇到的坑
Step1() { this.$refs.dataForm.validateField(this.field, (valid) => { if (!valid) { // 校验通过进行的操作 } }) }, // 多个字段需要校验时候 上面写法一个字段校验通过即可进入if,并没有校验全部字段，改下面写法： Step1() { const validateList = ...
2021-08-30 19:22:47
3841
转载 Vue-Baidu-Map获取选中点的经纬度以及详细地址
<template> <el-dialog slot="—" :title="title" :width="width" :visible.sync="showMapComponent" top="5vh" custom-class="baidu-map" @close="cancel"> <baidu-map :style="mapStyle" ak="你的密钥" :map-click="false" :cente.
2021-08-27 20:13:35
1390
原创 解决element ui 列表分页后序号从1计算问题
<template slot-scope="scope"> <span>{{ scope.$index+(listQuery.pageNo - 1) * listQuery.pageSize + 1 }}</span> </template>
2021-08-17 14:54:40
115
原创 vue 将data值重置到原始状态（清空form）
Object.assign(this.$data, this.$options.data().addDataForm)// 清空form Object.assign(this.$data, this.$options.data()) // 重置整个data
2021-08-17 14:08:22
492
转载 vue+原生input输入框上传多张图片
<template> <div> <form action name="fileinfo"> <div class="img_box"> <div class="img_size" v-for="(item,index) of imgList" :key="index" v-show="imgList.length!=0" .
2021-08-17 10:42:13
494
原创 vue项目中对crypto.js 的使用
import CryptoJs from 'crypto-js'export default { /** * 加密 */ encrypt(word) { const key = CryptoJs.enc.Utf8.parse('i0zxk3L8DBC8s879') const iv = CryptoJs.enc.Utf8.parse('C9i20Eim4Nkl12T1') const srcs = CryptoJs.enc.Utf8.parse(word).
2021-07-30 09:17:09
147
原创 ctrl+s 保存代码后自动格式化ESlint风格
{"fileheader.customMade": { "Author":"XX", "LastEditTime":"Do not Edit", "Descripttion":"",}, // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 1, // #每次保存的时候自动格式化 "editor.formatOnSav.
2021-07-27 09:14:47
236
原创 vue-element-admin各种诡异报错问题
因为一开始用了cnpm install，出现报错后去网上查找解决方案，尝试了各种还是没解决。删除 node_modules文件夹后重新npm install依然报错 后面一样的操作却成功了，不知道是不是因为node缓存原因，可以试一下：1.安装npm包–rimrafnpm install rimraf -g // 全局安装2.在cmd指令下，进入所需删除的node_modules文件夹的位置，再输入指令rimraf node_modules // 删除关于vue-element-a.
2021-05-26 11:49:40
635
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人