![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
router
清新小伙子
我很开心…………吧?
展开
-
vue使用keep-alive实现多组件嵌套中个别组件存活不销毁
前言最近在做一个精品课程后台管理系统,其中涉及文件上传和文件列表展示,我不想将他们写入一个组件,故分开两个组件实现,但由于上传文件需要时间,这时要是用户切换别的组件查看时,上传文件组件就销毁了,导致文件上传失败,所以需要采取keep-alive技术实现不销毁上传文件组件,同时也由于系统模块较多,所以需要多组件进行嵌套。问题:多组件嵌套下如何指定对应的一个或多个组件存活呢?*tips:要是对于Vue使用keep-alive的基本用法不熟悉的也可以点击查看vue使用keep-alive的基本用法配置路由原创 2020-10-20 19:23:01 · 1537 阅读 · 1 评论 -
vue使用keep-alive实现组件切换时保存原组件数据
前言最近在做一个精品课程后台管理系统,其中涉及文件上传和文件列表展示,我不想将他们写入一个组件,故分开两个组件实现。问题:但由于上传文件需要时间,这时要是用户切换别的组件查看时,上传文件组件就销毁了,导致文件上传失败。追求效果:想利用keep-alive实现上传组件切换时仍继续上传文件,而其他组件则不会存活。使用keep-alive的过程普通方法:直接使用keep-alive<keep-alive> <router-view /></keep-alive>原创 2020-10-03 13:47:50 · 1304 阅读 · 0 评论 -
Vue页面动态保存查询参数于地址栏,刷新仍可继续查询上一次查询的数据
前言做条件查询时,有时候想保存当前查询的条件,以便刷新后直接按上一次查询的条件来查询数据。借助webpack-merge实现动态保存查询条件1:引入webpack-merge import merge from 'webpack-merge' //用于动态修改地址栏参数的2:每次请求完数据就更新查询条件this.chanceUrlQuery({stationId:saveStationId,status}) //每次请求完数据将这次的请求参数保存在地址栏//修改路由参数原创 2020-09-24 21:37:59 · 1726 阅读 · 0 评论 -
修改当前路由地址栏并实现数据刷新
最近在做电商项目,有个搜索功能,输入商品名跳转到搜索界面显示对应商品信息,这时传参我是采用query传过去的,这方面没什么问题。但在搜索界面再次搜索就有点小问题了,因为路由是一样的,即使修改了query,也只是地址栏变了,而数据并不刷新!解决办法:监听路由!*注:我搜索界面路由名为searchShop,监听路由,看是否改变路由名为当前路由,若是则调用你初始化的方法进行数据刷新而界面不刷新!我初始化的操作都在init函数中,所以就调用它。watch:{ '$route' (to, from原创 2020-05-21 17:31:10 · 468 阅读 · 0 评论 -
vue之实现打开新窗口
平常我们多数通过给a标签加一个target="_blank"来实现新窗口打开链接,但在vue框架如何实现新开窗口这个功能呢?一:通过在router-link中加target="_blank"<router-link :to="{name:'register'}"><span class="loginspan">注册账号</span></router-l...原创 2020-04-29 23:04:29 · 1860 阅读 · 0 评论 -
Vue项目配置路由的一些知识
一:下载vue-router插件:npm install -s vue-router二:引入vue-router注册路由在router文件夹下的index.js中引入vue-router并注册路由:import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)import Home from '.....原创 2020-04-12 09:52:10 · 577 阅读 · 0 评论