![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
遗憾总难避免
与各位共进步
展开
-
vue调用高德地图,实现轨迹回放
高德地图轨迹回放原创 2022-09-13 20:36:55 · 745 阅读 · 0 评论 -
element表单验证中clearValidate()不起作用
此次开发中用到了表单验证使用环境:用户填写数据后,点击添加,清除表单中内容,重新填写其他。问题:点击添加后,input框清空,触发表单验证,蹦出表单提醒解决办法:使用clearValidate()进行消除刷新后的表单提醒//刷新后 清除表单验证规则 var that = this; setTimeout(function () { that.$refs[formName].clearValidate(); }, 30原创 2022-03-15 10:08:11 · 6698 阅读 · 3 评论 -
手动清除element 表格选中
1、el-table标签添加ref="multipleTable"2、在按钮或者其他调用处this.$refs.multipleTable.clearSelection(); // 清空之前选择的数据原创 2022-02-25 13:34:21 · 938 阅读 · 0 评论 -
element表格分页时,选中行后,跳转其他页,当前页面选中记录消失
在实际开发中,数据量大的表格基本都添加上了分页功能,每个页面请求的数据回交换更新,第一页的选中效果在跳转至第二页后,如果没有做相关处理,选中项会被清空,具体解决方法如下1、在需要处理的表格标签中加上 :row-key="getRowKeys"以及@selection-change=“handleSelectionChange” 点击事件2、在select选项列的中加上:reserve-selection=“true”3、在data中添加//选中的list getRowKeys(row)原创 2022-02-24 21:03:38 · 2920 阅读 · 1 评论 -
Vue渲染echarts图标时候,宽度只显示100px的解决办法
出现这个问题的关键在于JS方法初始化的时候,无法获取到父元素的宽度,所以默认显示100px解决方法Vue为我们提供了$nextTick来处理这个问题,在下次DOM更新循环结束后再去执行延迟回调,数据更新后,立即使用这个方法,获取更新后的dom。一下代码中加入了当图标无数据的时候,一张暂无数据的png作为占位符<template> <div class="chart_content"> <!-- 图表 --> <div v-show="is原创 2021-09-28 09:57:48 · 1734 阅读 · 0 评论 -
使用echarts出现“There is a chart instance already initialized on the dom.”警告的解决办法
由于项目中二次封装了echarts折线图,并且父组件通过选择不同时间,像后端请求不同数据,显示在折线图上,频繁切换会出现“There is a chart instance already initialized on the dom.”的警告,在网络上找办法后,解决了这个问题。这个问题的出现在于,在一张表上渲染不同数据,其实dom已经存在了,但是我们在每次数据发生改变的时间都重新进行了一次渲染,导致出现警告解决办法如下: //检测是否已经存在echarts实例,如果不存在,则不再去初始化原创 2021-09-28 09:50:17 · 51994 阅读 · 18 评论 -
Vue中封装Echarts图表进行调用
Vue中封装Echarts图表进行调用最近项目需要,重拾起Echarts图表,负责将后端数据,渲染到多重折线图上,于是研究了一下,个人见解做个记录。一、npm 指令下安装Echarts打开项目的集成终端运行一下命令npm install echarts --save在package.json文件中查询到echarts版本号(我的5.1.2)即代表下载成功二、vue项目中引入echarts在main.js中引入echarts//全局引入echartimport * as echarts f原创 2021-09-28 09:44:58 · 479 阅读 · 0 评论 -
vue二次封装接口请求函数,统一管理请求函数,解决反向代理!
vue二次封装接口请求函数1、二次封装axios新建utils文件夹,在该文件夹下创建request.js文件import axios from 'axios'import qs from 'qs'//创建实例const request = axios.create({ baseURL: '/conner', timeout: 5000})request.interceptors.request.use(function (config) { //解决接口 参数js原创 2021-08-19 15:58:28 · 949 阅读 · 1 评论