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)

Answer 2

可以打印下vm里面的内容就知道怎样设置了

beforeRouteEnter(to,from,next){
        next((vm)=>{
            vm._data.batchModalShowFlag = true;
        });
    },

Answer 3

请问，这个问题你怎么解决的