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

vue路由

时间:2019-07-19 20:24:16      阅读:74      评论:0      收藏:0      [点我收藏+]

标签:ted   his   通过   验证   个人   获取   tee   渲染   script   

记录是为了更好的成长!

 

1、组件内的守卫

在vue页面中需要获取页面的前一个页面,所以查询到组件内守卫的方法来做,页面示例如下:

<template>
    <div>
        
    </div>
</template>
<script>
export default {
  data() {
    return {
        oldUrl:‘‘
    }
  },
  // 在渲染该组件的对应路由被 confirm 前调用
  beforeRouteEnter (to, from, next){
    let that = this
     next(vm => {
       // 通过 `vm` 访问组件实例,将值传入oldUrl
       vm.oldUrl = from.path
     })
  },
  mounted() {
    this.$nextTick(()=>{
       // 验证是否获取到了上页的url
      console.log("mounted:"+this.oldUrl)   //输出上一个页面的url
    })
  },
  methods: {
    
  },
  
}
</script>
<style>
</style>

可以查看 vue官方组件内守卫地址

 

以上内容代表个人观点,仅供参考,不喜勿喷。。。

vue路由

标签:ted   his   通过   验证   个人   获取   tee   渲染   script   

原文地址:https://www.cnblogs.com/newbest/p/11215398.html

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