在 laravel 中使用 vuex 模块进行 vuedraggable答案

【问题标题】：vuedraggable with vuex module in laravel在 laravel 中使用 vuex 模块进行 vuedraggable
【发布时间】：2019-05-23 09:14:18
【问题描述】：

我想在 laravel 中使用 vuedraggable 和 vuex 模块来对表中的数据进行排序。所以我想在服务器端传递 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 }": "Error: [vuex] 不要在突变处理程序之外改变 vuex 存储状态。”

【问题讨论】：

您是否遇到特定错误？什么在这里不工作？
我已经更新了问题。当我将array.map 放入操作中时，观察者“函数（）{返回this._data.$$state}”的回调中出现错误：“错误：[vuex]不要在突变处理程序之外改变vuex存储状态。”跨度>

标签： laravel vue.js vuex

【解决方案1】：

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

在那里，您可以修改 Vuex 的状态。它应该通过突变进行修改。

【讨论】：