- 博客(10)
- 收藏
- 关注
RSS订阅原创 el-table和el-tabs对应的el-table-column和el-tab-pane元素数据过长的解决方案
el-table问题：el-table中对应表头和表内内容常常会出现数据过长造成的显示不全或者长度过长等问题解决：通过el-popover或者el-tooltip文字提示组件去解决例如下图：<el-table-column v-for="(item, index) in tableHeadList" :key="index" align="center"> <!--自定义表头--> <template slot="header" slo
2022-02-24 21:06:36
2996
原创 vue项目防止按钮重复点击（重复请求接口）
场景1.保存提交按钮不小心点击了多次。2.由于网络服务器卡等原因点击事件没有及时响应又点击了一次，造成数据的重复提交和保存，数据的异常。3.resize、scroll，输入框内容校验等频繁操作。原因由于axios提交数据为异步提交，点击提交按钮是通过xmlhttprequest向后端发送异步请求，发送请求后后端返回数据需要时间处理，如果第一次点击的请求尚未完成，又接二连三地提交了几次，同时后面发送的请求都被后台处理了，这种情况如果是读取数据不会有太大影响，但是涉及到数据提交保存或者提交之后多表数据
2022-01-20 17:00:13
12407
2
原创 vue同步方法的使用
说明：vue项目中有时需要前一个方法获取到接口返回值之后根据返回值再执行另外一个接口方法，此时的方法调用是有顺序的，并且下一个方法中需要前一个方法的返回值，使用async搭配await实现，await函数不能单独使用。具体如下: // 获取学科数据 async selectSubject() { let isSuccess = false this.loading.show() await questionnaireApi.selectSu
2022-01-19 20:29:35
8214
原创 VUE项目中的微信扫码登录
微信扫码登录功能首先了解微信扫码登录的流程和详解，详见微信扫码登录，这边仅是vue前端相关流程一.创建微信登录按钮及方法，配置相关参数1.创建微信登录按钮<!--微信授权登录按钮--><img src="@/assets/images/weixin.png" /><a style="line-height: 60px;height: 60px; margin: 0 5px;" type="text" @click="handLoginByWx">微信扫码登录&l
2021-12-27 21:11:16
6258
原创 uniapp手机端图片缓存方案
uniapp手机端图片缓存方案思路：定义缓存图片key值规则，每次加载网络图片时，首先根据key获取本地存储的数据，查询是否有对应文件路径，如果有缓存内容，直接返回本地图片路径去渲染显示，若没有缓存数据，就用图片网络路径去下载并保存到本地定义获取缓存图片的全局js函数/* * @description 获取文件的缓存路径，如果文件未缓存，则直接返回网络路径，并下载缓存 * @method getImageCache * @param {String} filePath 完整的图片下载路径，如
2021-09-28 17:34:44
10180
4
原创 vue解决在调用后台接口获取数据前显示空画面问题
查询功能，经常需要判断当前获取数据是否为空，为空时引用el-empty显示空状态效果，但常常接口数据会慢一步查询到数据，往往页面出现的效果是先显示空状态效果，等接口数据获取到赋值后再刷出数据页面效果，解决此类问题方法：定义一个接口调用后的标识例如： emptyFlag: 0 // 0表示接口调用前，1表示接口调用后具体在调用相关list查询接口做如下处理 // 获取数据列表 getList() { // loading缓存中 this.loading.show()
2021-07-07 11:35:44
2501
1
原创 VUE项目中的一些简单插件
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-07-07 11:10:05
64
原创 JS随机排序数组对象方法
随机排序数组方法const randomArray = function(arr) {var len = arr.length;for (var i = 0; i < len - 1; i++) {var index = parseInt(Math.random() * (len - i));var temp = arr[index];arr[index] = arr[len - i - 1];arr[len - i - 1] = temp;}return arr;}...
2021-05-17 21:09:58
193
转载 修改数组对象key属性名方法
例如：把如下data1的key名称修改成data2中的key名称data1: [ { appName: ‘应用1’, capacity: 233456 }, { title: ‘应用2’, key: 124535 }]data2: [ { name: ‘应用1’, value: 233456 }, { name: ‘应用2’, value: 124535 } ]方法：convertKey (arr, key) {let newArr = [];arr.forEach((item, index)
2021-05-16 15:56:46
1531
原创 uniapp实现录音及录音文件上传功能
uniapp实现录音及录音文件上传功能录音主要根据uniapp官网提供的 uni.getRecorderManager() API来实现录音功能，具体代码详见uniapp官网链接: uni.getRecorderManager().注：APP端暂不支持暂停和继续录音功能上传根据uniapp官网提供的 uni.uploadFile(OBJECT) API来实现录音文件上传功能，具体OBJECT 参数说明详见链接: uni.uploadFile(OBJECT).代码// 录音文件上传 upl
2021-05-12 22:44:04
9260
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人