vue中进入路由页面和离开路由页面后执行函数

前几天在项目中遇到一个需求,要在离开页面后掩藏某一个按钮,因为之前在开发小程序时,有离开页面的生命周期,所以Vue应该也有这个的。

进入路由页面:

mounted(){

     this.$nextTick(()=>{

        show();

    })

}

离开路由页面后执行函数:

destroyed: function () {
           console.log("我已经离开了!");
    this.stopTimer();
 },

说明:destroyed是与methods、mounted同层级的

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue,当页面刷新后,路由会重置的问题可以通过以下几种方式解决: 1. 使用路由前置守卫进行判定:可以在路由前置守卫判断是否需要重新加载路由。在刷新页面时,可以通过设置一个标志位来判断是否需要重新加载路由。如果需要重新加载路由,则执行加载动态路由函数,否则直接放行。这样可以保证在刷新页面后,路由能够正确地恢复到之前的状态。\[1\] 2. 使用路由守卫:通过使用路由守卫(beforeEach、afterEach),可以在路由导航之前和之后执行一些逻辑。在beforeEach守卫,可以检查是否存在保存的路由状态,如果存在,则将其应用于导航。这样可以在刷新页面时恢复到之前的路由状态。\[2\] 3. 使用持久化存储:将路由信息存储在本地存储(如LocalStorage或SessionStorage),在应用程序初始化时从存储读取路由信息,并恢复到相应的路由状态。这样在刷新页面后,可以从存储获取路由信息,并重新导航到之前的路由。\[3\] 以上是几种常见的解决方案,你可以根据自己的需求选择适合的方式来解决刷新页面路由重置的问题。 #### 引用[.reference_title] - *1* [vue2实现刷新后重新加载动态路由](https://blog.csdn.net/qq_50994125/article/details/130140095)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [刷新页面会导致页面路由重置的问题怎么解决](https://blog.csdn.net/weixin_51654689/article/details/130908434)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值