Mixitup无法在Vuejs中使用动态数据

Question

我的Vuejs应用程序遇到问题，其中MixItUp拒绝处理get()调用后呈现的数据。它可以与样机数据一起正常工作，但我无法使其与当前设置兼容，并且在可能的情况下需要一些指导

这是我当前的设置

data() {
    return {
        mixer: null,
        items: null
    };
},
created() {
    Api.get_all_items().then(all_items => {
        this.items = all_items;
    });
},
mounted() {
    this.mixer = mixitup(this.$refs.itemContainer);
}

当我在data()中预装商品时，效果很好

示例：

data() {
    return {
        mixer: null,
        items: [{},{},{},..]
    };
}

一种解决方案是像这样用mixitup dataset api直接渲染我的物品

mounted() {
    this.mixer = mixitup(this.$refs.itemContainer,{
        render: {
            target: function (item) {
                return '<div class="item ' + item.color + '" data-ref="item">' + item.publishedDate + '</div>';
            }
        }
    });
}

然后使用mixer.dataset(items)加载数据，但这条路线将使我对视图中的整个项目组件进行字符串化，这很麻烦。

有关如何解决此问题的任何帮助吗？