- 博客(7)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
原创 vue+elementUI后台管理系统 关闭当前页面tagView
需求:点击返回按钮 返回前一页面 并关闭当前页面的tagView实现:this.$store.state.tagsView.visitedViews.splice(this.$store.state.tagsView.visitedViews.findIndex(item => item.path === this.$route.path), 1)将上述代码复制到返回按钮的点击事件中即可...
2021-07-09 15:43:26 2349 1
原创 vue组件被复用 视图无法更新问题
问题描述:在列表页点击新增按钮和点击修改按钮跳转的是同一个页面,但是组件会被复用 点击新建按钮跳转新建页面后 再点击修改按钮 由于路由相同 页面组件被复用 导致页面数据不更新 form表单取到的数据不会显示在页面上解决思路:因为跳转修改页面会传一个userId 新增页面没有所以通过watch监听路由参数变化: 1.当userId为undefined时,清空页面数据,即为新增页面2.当userId有值且当前页面的userId与本次路由传参中的userId值不相同时 重新获取页面数据代码如下:...
2021-07-07 17:19:11 407
原创 vue项目中请求完成之前点击按钮开始另一个请求 数据展示错误解决办法
今天公司的项目出了个bug----有一个标签页通过按钮点击发送请求不同数据,前一个请求结束之前点击另一个按钮 数据展示会出现问题 本该第一个接口返回渲染的数据出现在了第二个页面解决办法:添加全局请求拦截器 在请求拦截器中加上取消请求标识 通过cancelToken方法中断未完成的请求 代码如下——//-----在封装的axios请求的js文件中-----window.axiosCancel = [] // 全局定义一个存放取消请求的标识 //在请求拦截器中加入取消请求标识 confi
2021-07-02 16:35:05 910
原创 Vue.js Devtools插件下载资源 及安装使用教程
点击网址https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd选择 推荐下载解压压缩包打开谷歌浏览器打开扩展程序管理将解压后的文件拖入浏览器中指定区域打开vue页面 点击浏览器右上角扩展程序选择devtools 点击打开 F12 控制台选择vueok了...
2021-07-01 10:50:30 2889 3
原创 前端JSON数据(56个民族)
var nation_data = [ {id:1 ,name:'汉族'}, {id:2 ,name:'蒙古族'}, {id:3 ,name:'回族'}, {id:4 ,name:'藏族'}, {id:5 ,name:'维吾尔族'}, {id:6 ,name:'苗族'}, {id:7 ,name:'彝族'}, {id:8 ,name:'壮族'}, {id:9 ,name:'布依族'}, {id:10,name:'朝鲜族'}, {id:11,name:'满族'}..
2021-06-28 15:59:43 999
原创 echarts柱形图根据数据排序顺序要求更改颜色
今天写项目的时候遇到一个需求:柱形图根据数据将数据最大的三个柱形颜色改为‘#00CC33’,将数据最小的三个颜色改为‘#D00000’,记录实现方法://在柱形图的option中series: [{ name: '企业得分率', type: 'bar', barWidth: 30, barGap: '-100%',//重叠效果(可放在任意一个组中) data: companyValue, //柱形图数据 //-------!往下是重点--------
2021-06-25 10:42:07 2061
TA创建的收藏夹 TA关注的收藏夹
TA关注的人