Question

我是Vuex和Nuxt的新手。

我想使用vuex来获取保管箱文件结构并将其存储。

这是我的代码。 console.log似乎工作正常。它会打印出类似下面的内容。

但是当我在index.vue中使用时，结构仍然是[]。

[ { '.tag': 'file',
    name: 'Document.docx',
    path_lower: '/posts/document.docx',
    path_display: '/posts/Document.docx',
    id: 'id:H_6Dhj1r7cEAAAAAAAAXlQ',
    client_modified: '2018-09-02T14:23:05Z',
    server_modified: '2018-09-02T14:23:06Z',
    rev: '5e5cab150',
    size: 11366,
    content_hash: 'd26bb0382752820694d31f42e82e31ef72bed683b90e02952ea09125264d4124' },
  { '.tag': 'file',
    name: '2013-5-17-first-post.md',
    path_lower: '/posts/2013-5-17-first-post.md',
    path_display: '/posts/2013-5-17-first-post.md',
    id: 'id:H_6Dhj1r7cEAAAAAAAAXlg',
    client_modified: '2018-09-02T14:25:38Z',
    server_modified: '2018-09-02T14:25:38Z',
    rev: '6e5cab150',
    size: 136,
    content_hash: '3b8d60de425e8280d55e45d7359cd3290abc5bc3b0bb6831b09a6da0d3cb6a12' } ]

代码如下所示

import "isomorphic-fetch"
import {
  Dropbox
} from "dropbox";
import {
  DropboxTeam
} from "dropbox";
export const state = () => ({
  structure: []
});
export const mutations = {
  setStucture(state, structure) {
    state.structure = structure.slice();
    console.log(state.structure);
    // console.log(structure.slice());
  }
};
export const actions = {
  async nuxtServerInit({ commit }) {
    let accessToken = "XXXXX"
    let dropbox = new Dropbox({
      accessToken: accessToken
    });
    dropbox.filesListFolder({path: '/posts'})
    .then(response => {
      const structure = response.entries;
      commit("setStucture", structure);
    })
    .catch(error => {
      console.log(error);
    });
  }
};

能给我些帮助吗？谢谢！

Answer 1

将function List(domNode) { _classCallCheck(this, List); var _this2 = _possibleConstructorReturn(this, (List.__proto__ || Object.getPrototypeOf(List)).call(this, domNode)); domNode.addEventListener('click', function (e) { if (e.target.parentNode !== domNode) return; var format = _this2.statics.formats(domNode); var blot = _parchment2.default.find(e.target); if (format === 'checked') { blot.format('list', 'unchecked'); } else if (format === 'unchecked') { blot.format('list', 'checked'); } }); return _this2; }添加到await如下所示，事实证明是正确的答案。

dropbox.filesListFolder({path: '/posts'})

如何在Vuex / Nuxt中设置值

1 个答案: