qdkf2017 2018-04-26 16:17 采纳率: 0%
浏览 8244
已结题

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

我想在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 就报错了 有没有什么办法?

  • 写回答

1条回答 默认 最新

  • 斯洛文尼亚旅游 2018-04-27 00:32
    关注

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

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

报告相同问题?