最近在项目中使用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来达到刷新组件的目的
<router-view :key="reload"></router-view>
默认让key等于当时的时间戳,当切换语言的时候改变时间戳为现在的时间戳,同样也可以达到刷新路由的目的
this.reload = new Date().getTime();
vue项目中如何刷新当前路由
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...