码迷,mamicode.com
首页 > 其他好文 > 详细

vue刷新当前路由 router-view中的内容

时间:2018-05-29 19:01:54      阅读:3041      评论:0      收藏:0      [点我收藏+]

标签:IV   pre   ref   outer   icon   key   new   date()   按钮   

通过改变router-view中的key来达到刷新组件的目的。

<span class="refresh" title="刷新" @click="refresh">
    <i class="iconfont">?</i>
</span>

<router-view :key="activeDate" />

界面上有个刷新按钮,点击刷新的时候,执行函数,改变activeDate的值,为当前的时间戳。这样就会刷新router-view中的内容。

data() {
    return {
      activeDate: 1
    }
},
methods: {
    refresh() {
      this.activeDate = new Date().getTime()
    }
}

 

vue刷新当前路由 router-view中的内容

标签:IV   pre   ref   outer   icon   key   new   date()   按钮   

原文地址:https://www.cnblogs.com/2018cd/p/9106327.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!