Vue Сортируемый массив не обновляется правильно - PullRequest
Новая
       25

Vue Сортируемый массив не обновляется правильно

0 голосов
/ 23 апреля 2019

У меня есть сортировка с простым списком. Когда я пытаюсь отсортировать список, вывод массива на консоли корректен, но ul на компоненте не обновляется правильно. Если я прокомментирую строку для обновления массива новым порядком, список на компоненте будет выглядеть корректно. Может кто-нибудь, пожалуйста, помогите мне? Я застрял на этом два дня! Вы можете проверить здесь, что происходит: https://jsfiddle.net/vq1ghbs0/5/

Vue.directive('sortable', {
twoWay:true,
        inserted: function (el) {
            var sortable = new Sortable(el, options)
            if (this.arg && !this.vm.sortable) {
                this.vm.sortable = {}
            }

            //  Throw an error if the given ID is not unique
            if (this.arg && this.vm.sortable[this.arg]) {
                console.warn('[vue-sortable] cannot set already defined sortable id: \'' + this.arg + '\'')
            } else if( this.arg ) {
                this.vm.sortable[this.arg] = sortable
            }
        },

        bind: function (el, binding) {
            this.options = binding.value || {};
        }
    })
Vue.component('stages-component', {
data: function () {
    return {
        list: [
                {
                    "name" : "A",
                },
                {
                    "name": "B",
                },
                {
                    "name": "D",
                    },
                    {
                    "name": "C"
                },
        ]
    };
},
methods: {
    onUpdate: function (event) {
    this.list.splice(event.newIndex, 0, this.list.splice(event.oldIndex, 1)[0]);
    console.log(this.list);
    },
}


});

new Vue({
el: "#app",
})

Спасибо !!

...