Ошибка сортировки vuejs (материализуется, jqueryUI, vuejs2) - PullRequest
Новая
       36

Ошибка сортировки vuejs (материализуется, jqueryUI, vuejs2)

0 голосов
/ 21 мая 2019

У меня есть html проект, написанный с дизайном материала, и я использую vuejs для интерактивности. Все хорошо на данный момент, но потом, когда я включаю сортируемое (jQueryUI) и когда я меняю порядок элементов в объекте, что-то не позволяет изменить порядок. Я не знаю что и почему. Вы можете мне помочь?

Я создавал данные для сортировки, но это не работает. 

//Sortable instance
$("#brosurSayfalar").sortable({
        items: '.brosur-sayfa',
        cursor: 'move',
        opacity: 0.5,
        containment: '#brosurSayfalar',
        distance: 20,
        tolerance: 'pointer',
        stop: function () {
            var i = 0;
            $('#brosurSayfalar .brosur-sayfa').each(function (count, el) {
                var id = $(this).data("id");
                console.log(id);
                var currentRow = window.app.pages.filter(function (row) { return row.Id == id })[0];
                currentRow.order = i;
                $(this).find(".brosur-sayfa-no").html(i);
                i++;
            });
            window.app.$forceUpdate();
        }
    });
//Vue instance

        data: {
            pages: null
        },
        watch: {
            pages: {
                handler: function (newVal) {
                    sliderReRender();
                },
                deep: true
            }
        },
        computed: {
            sortedPages: function () {
                return this.pages.sort(function (a, b) { return a.order - b.order; });
            }
        },



//v-for instance

<div :class="isExists(item) ? 'brosur-sayfa tooltipped' : 'brosur-sayfa brosur-bos-sayfa dropzone tooltipped'" v-for="(item, i) in sortedPages" :data-index="i" :data-id="item.Id" data-position="bottom" :data-tooltip="exlanation(item.endTime, item.accepted)" data-html="true">

Когда я сортирую с сортируемым провайдером, я хочу, чтобы он отображался в dom, но он меняется в данных, пока dom остается прежним.

...