Vue.js 1.0.15 过滤列表无法读取属性 of undefined

Question

按照过滤列表的基本示例（在此处找到：https://laracasts.com/series/learning-vue-step-by-step/episodes/14），使用 limitBy 我遇到了以下错误：

Uncaught TypeError: Cannot read property 'slice' of undefined

这是我的标记：

<div v-for="product in products | limitBy 2"> ... </div>

这是我的产品 ajax 电话（产品收货很好）：

fetchProducts: function() {

        this.$http.get('api/internal/products', function(products) {

            this.$set('products', products);

        });

    }

我的产品没有问题，但是当我尝试添加过滤器时，我收到了这个控制台错误

Answer 1

您应该首先将产品实例化为一个空数组。在你的 Vue 组件中：

data:function(){
    return {
        products:[]
    }
}

这样它在等待 ajax 请求时不会尝试运行 limitBy 过滤未定义的变量。

Vue.js 1.0.15 过滤列表无法读取属性 of undefined

Vue.js 1.0.15 filtering lists cannot read property of undefined

javascript

vue.js

Vue.js 1.0.15 过滤列表无法读取 属性 of undefined

Vue.js 1.0.15 filtering lists cannot read property of undefined

javascript

vue.js

Vue.js 1.0.15 过滤列表无法读取属性 of undefined