首页 > 其他 > 详细

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

时间:2018-05-29 18:11:24      阅读:674      评论:0      收藏:0      [点我收藏+]

通过改变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中的内容

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!