Vuejs axios在返回后计算结果

时间:2018-06-07 07:41:41

标签: vuejs2 axios

我正在尝试找到正确的方法来从我的异步axios获取查询中获取返回结果的数量,但却没有到达任何地方,希望有人可以提供帮助

我的代码如下

mounted() {
      axios.get('http')
      .then(response => {
        this.myItems = response.data // this works
        countResults(response) //this doesn't seem to
      .catch(error => console.log(error))
      })
    },

    filters:{
        countResults: function(value){
            return value.length;
    }

然后我打电话如下

<p>Number of Entries: {{countResults}}</p>

由于

1 个答案:

答案 0 :(得分:0)

您可以这样调用过滤方法

this.$options.filters.countResults(response)

要解决您的问题,您需要存储响应。你可以这样做

mounted() {
  axios.get('http')
    .then(response => {
       this.myItems = response.data // this works
       this.responseData = response.data
     }).catch(error => console.log(error))
},

data: {
    responseData: []
},

filters: {
  countResults: function(){
  return this.responseData.length;
}