Vue.js 1.0.15过滤列表无法读取未定义的属性

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过滤器。