Mixitup не работает с динамическими данными в Vuejs - PullRequest
Новая
       22

Mixitup не работает с динамическими данными в Vuejs

0 голосов
/ 13 июня 2019

У меня проблема с приложением 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 набор данных 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), но этот маршрут заставит меня привести в порядок весь компонент элемента в моем представлении, что будет грязно.

Любая помощь о том, как я могу решить эту проблему?

...