tec article
一只会玩代码的猫
这个作者很懒,什么都没留下…
展开
-
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 · 2325 阅读 · 1 评论 -
vue组件被复用 视图无法更新问题
问题描述:在列表页点击新增按钮和点击修改按钮跳转的是同一个页面,但是组件会被复用 点击新建按钮跳转新建页面后 再点击修改按钮 由于路由相同 页面组件被复用 导致页面数据不更新 form表单取到的数据不会显示在页面上解决思路:因为跳转修改页面会传一个userId 新增页面没有所以通过watch监听路由参数变化: 1.当userId为undefined时,清空页面数据,即为新增页面2.当userId有值且当前页面的userId与本次路由传参中的userId值不相同时 重新获取页面数据代码如下:...原创 2021-07-07 17:19:11 · 396 阅读 · 0 评论 -
vue项目中请求完成之前点击按钮开始另一个请求 数据展示错误解决办法
今天公司的项目出了个bug----有一个标签页通过按钮点击发送请求不同数据,前一个请求结束之前点击另一个按钮 数据展示会出现问题 本该第一个接口返回渲染的数据出现在了第二个页面解决办法:添加全局请求拦截器 在请求拦截器中加上取消请求标识 通过cancelToken方法中断未完成的请求 代码如下——//-----在封装的axios请求的js文件中-----window.axiosCancel = [] // 全局定义一个存放取消请求的标识 //在请求拦截器中加入取消请求标识 confi原创 2021-07-02 16:35:05 · 769 阅读 · 0 评论 -
Vue.js Devtools插件下载资源 及安装使用教程
点击网址https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd选择 推荐下载解压压缩包打开谷歌浏览器打开扩展程序管理将解压后的文件拖入浏览器中指定区域打开vue页面 点击浏览器右上角扩展程序选择devtools 点击打开 F12 控制台选择vueok了...原创 2021-07-01 10:50:30 · 2862 阅读 · 3 评论