[vue2]Vue路由守卫beforeRouteEnter操作data数据

最新推荐文章于 2024-06-19 16:58:40 发布

江海寄余生_

最新推荐文章于 2024-06-19 16:58:40 发布

阅读量1.5k

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/u013034585/article/details/130240753

版权

前言

最近项目中遇到需要使用路由守卫，在beforeRouteEnter里给data里的值赋值，故写下一些东西来增加印象

解决方法

beforeRouteEnter(to, from, next) {
	console.log("beforeRouteEnter");
	next((vm) => {
	//vm 相当于当前组件的对象，如同this
      console.log(to, 'beforeRouteEnter', vm)
      const { query } = to
      const { systemType } = query
      vm.systemType = systemType  //给data里的数据赋值
      vm.function()  //还可以调用需要调用的方法
    })
}
···