vue项目中如何刷新当前路由
【vue项目中如何刷新当前路由】最近在项目中使用iview框架,用到了里面的select组件,发现这个组件在做国际化的时候,select选中的内容并没有变成中文,只有刷新页面才能变成中文,于是网上搜了一些教程,貌似iview官方给出的说法就是谁没事一直点切换语言啊,选完长期就不会变了,所以刷新并没有什么问题。,但是直接刷新整个页面感觉不是很友好,所以能单独刷新整个content的组件是最好的选择,最后发现两个很好的刷新路由的方法,在这里记录一下。
第一种方法:
在需要刷新的路由的route-view 用v-if=“reload”.
reload 默认为true;
这时候这个页面的dom是正常渲染的。
当你需要刷新的时候,直接 this.reload=false;
然后再reload=true;
当你reload=false的时候,页面的dom都被清除掉了。reload=true又重新渲染。就可以刷新本页。浏览器的回退也没有影响。
第二种方法:
通过改变router-view中的key来达到刷新组件的目的
默认让key等于当时的时间戳,当切换语言的时候改变时间戳为现在的时间戳,同样也可以达到刷新路由的目的
this.reload = new Date().getTime();
推荐阅读
- 赢在人生六项精进二阶Day3复盘
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 六项精进20180530
- 2020-12(完成事项)
- 17|17 关山松 第二课作业#公众号项目# D20
- RxJava|RxJava 在Android项目中的使用(一)
- Hacking|Hacking with iOS: SwiftUI Edition - SnowSeeker 项目(一)
- VueX--VUE核心插件
- 靠QQ月入上万灰色暴利偏门的项目