Nuxt.js项目中使用asyncData ()怎么才能用this

Question

我想在Nuxt.js项目中的asyncData ()中使用this
官方说了 asyncData ()中不能使用this
但是我的业务需求是在页面加载的时候发送一个由vuex管理的变量到服务器获取数据代码如下：

 asyncData () {

  return axios.get('http://lpsdaikuan.com/vloan.php', {params: { address: this.$store.state.ArticleID }})
    .then(res => { 
      return {Articlelist: res.data} 
    })
}

用this.$store.state.ArticleID 就报错了 有没有什么办法？

Answer 1

asyncData第一个参数就是上下文，用按个参数不就行了，都说不支持this了还死较劲只能改源代码罗。。

  asyncData (context) {

  return axios.get('http://lpsdaikuan.com/vloan.php', {params: { address: context.$store.state.ArticleID }})
    .then(res => { 
      return {Articlelist: res.data} 
    })
}