vuedraggable с модулем vuex в laravel

Question

Я хочу использовать vuedraggable с модулем vuex в laravel для упорядочения данных в таблице.поэтому я хочу передать данные 'порядка' vuedraggable на стороне сервера.Кто-нибудь может помочь?

Это код в Vue JS.

methods: {
        update() {
            this.testimonialsNew.map((testimonial, index) => {
                testimonial.order = index + 1;
            })

            axios.put('/updateOrder', {
                testimonials: this.testimonialsNew
            }).then((response) => {
                console.log(response.data)
            })
        }
    },

Я хочу сделать это с помощью мутации Vuex

действия .....

updateOrder({commit,state}){
    state.users.map((user, index) =>{
        user.order = index + 1;
      });
    return new Promise((resolve, reject)=>{
        let params = _.cloneDeep(state.users)
        axios.put(APP_CONFIG.API_URL+'/updateOrder',{params:params})
        .then(response =>{
            console.log(response.data)
            resolve();
        })
        .catch(error =>{
            reject(error)
            commit('ERROR',error)
        });
    });
}

Ошибка, которую я получаю:

"function () {return this._data. $$ state}": "Ошибка: [vuex] Не изменять состояние хранилища vuex вне мутацииобработчики. "

Answer 1

      state.users.map((user, index) =>{
        user.order = index + 1;
      });

Там вы изменяете состояние Vuex.Это должно измениться мутациями.