vue获取上一级页面

最新推荐文章于 2024-07-04 17:30:46 发布

小郑！

最新推荐文章于 2024-07-04 17:30:46 发布

阅读量1.9k

点赞数

分类专栏： vue 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/qq_45479398/article/details/120223290

版权

vue 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

本文详细介绍了在Vue.js应用中如何在组件的生命周期钩子中捕获上一页面的URL，通过`beforeRouteEnter`钩子传递并存储路径，在`mounted`阶段进行验证和打印。这种方法对于跟踪用户导航历史或者实现特定业务逻辑非常有用。

摘要由CSDN通过智能技术生成

vue获取上一级页面

	data(){
		return{
		fromPath: '',
		}
	},
	beforeRouteEnter(to, from, next) {
    next(vm => {
      // 通过 `vm` 访问组件实例,将值传入fromPath
      vm.fromPath = from.path
    })
  },
  mounted() {
    this.$nextTick(() => {
      // 验证是否获取到了上页的url
      /* eslint-disable no-console */
      console.log('this.fromPath', this.fromPath)
    })
  }

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小郑！

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue获取上一级页面

vue获取上一级页面 data(){ return{ fromPath: '', } }, beforeRouteEnter(to, from, next) { next(vm => { // 通过 `vm` 访问组件实例,将值传入fromPath vm.fromPath = from.path }) }, mounted() { this.$nextTick(() => { // 验证是否获取到了上页的url
复制链接

扫一扫