vue-router组件中beforeRouteEnter钩子函数如何给组件实例添加data参数？

Question

{

  beforeRouteEnter (to, from, next) {

    serv.test()

      .then(res => {

        next(vm => {

          // 这里如何给组件实例的data添加参数？

          vm.listData = res.data.results

        })

      })

      .catch(err => {

        console.log(err)

      })

  },

  mounted () {

    console.log(this.listData) // undefind

  }

}

在路由进入前获取数据，如何给组件的data添加数据？
我那样写的无法在mounted生命周期中获取到，也无法在template中使用

Answer 1

你首先得把你那个文件的实例import到router的这个文件吧,然后使用vm.set(data,key,value)来添加数据import App from './app.vue'App.set(data,key,value)