在laravel中使用vuex模块的vuedraggable

Question

我想使用vuedraggable与vuex模块在laravel中排序数据在表中。因此，我想在服务器端传递vuedraggable的“order”数据。有人能帮忙吗？

这是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)
        });
    });
}

我得到的错误：

“函数() {返回this._data.$$state }"：”错误: vuex不变异vuex存储状态之外的变异处理程序。“

Answer 1

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

在那里，你修改Vuex的状态。它应该通过突变来改变。