时间戳

首页 > 解决方案 > 访问 asyncData 中的数据对象 - Nuxt

javascript - 访问 asyncData 中的数据对象 - Nuxt

问题描述

我想知道是否有办法将对象属性作为 asyncData() 返回的键来访问？

data() {
    return {
       bookmark_btn: {
        status: null,
        loading: false
      }
   }
}

我尝试访问如下数据对象属性，但没有成功。

async asyncData(){
    let activity = await axios.get('data.json')
    return { bookmark_btn.status: activity.status}
}

标签： javascriptvue.jsnuxt.js

解决方案

如果您将数据放入存储中，您可以轻松地将这些数据 git 到 asyncData 函数

export default {
  state: () => ({
    posts: [],
    selectedPost: {},
    page:3
  }),
  mutations: {
    updatePosts(state, posts){
      state.posts = posts;
    },
    updateSelectedPost(state, post){
      state.selectedPost = post;
    }
  }
}

那是商店文件

 asyncData({$axios , store }  ){
         return $axios.$get(`http://localhost:3001/data?_page=${store.state.page}&_limit=20`)
         .then( res =>{
           
                 store.commit("updatePosts", res);
          })
      },

那是 index.vue 文件

推荐阅读