Question

在创建组件之前，我正在对某些本地json数据进行异步调用。所以这段代码实际上运行正常：

  beforeCreate : function() {
    var self = this;
      fetch('/assets/data/radfaces.json')
        .then(function(response) { return response.json()
        .then( function(data) { self.users = data; } );
      })
        .catch(function(error) {
        console.log(error);
      });
  },

现在我只想重构并将其移到另一个方法中：

  beforeCreate : function() {
    this.fetchUsers();
  },

  methods: {
    fetchUsers: function() {
      var self = this;
      fetch('/assets/data/radfaces.json')
        .then(function(response) { return response.json()
        .then( function(data) { self.users = data; } );
      })
        .catch(function(error) {
        console.log(error);
      });
    }
  }

现在一切都停止了。我收到错误：app.js:13 Uncaught TypeError: this.fetchUsers is not a function(…)

为什么我无法访问fetchUsers挂钩中的beforeCreate方法？有什么工作？

Answer 1

这是因为syntax error, unexpected keyword_class, expecting keyword_end '<div <%= 'class="middle if current_acti... ^尚未初始化。最简单的方法就是使用methods挂钩代替：

created

beforeCreate hook中的Vue 2.1调用方法不起作用

1 个答案: