Javascript 数据更改时更新组件（vuejs）

我有一个CRUD组件，添加用户（userRegister）给我带来了问题。我能够成功地添加用户，但是视图不会刷新，新用户也不会显示，除非我刷新页面

下面是在my Vue组件中的Submit按钮上激发的方法

onSubmit() {
  if (this.password === this.confirmpassword) {
    this.$store
      .dispatch("users/userRegister", {
        operatorNumber: this.operatorNumber,
        operatorName: this.operatorName,
        password: this.password,
        roles: this.operatorRole
      })
      .then(({ status }) => {
        UIkit.offcanvas("#newEmployee").hide();
      })
      .catch(error => {
        console.log("Error: ", error);
      });
  }
  this.resetForm();
},

我的商店呢

import { axiosInstance } from "boot/axios";

export default {
  namespaced: true,
  state: {
    operators: []
  },

  getters: {
    operators: state => {
      return state.operators;
    }
  },

  actions: {
    async userRegister({ commit }, payload) {
      return new Promise((resolve, reject) => {
        axiosInstance
          .post("user/create", payload)
          .then(({ data, status }) => {
            if (status === 200) {
              resolve(true);

              commit("addUser", payload);
            }
          })
          .catch(error => {
            reject(error);
            console.log("Error: ", error);
          });
      });
    },
  },

  mutations: {
    addUser: (state, operators) => state.operators.splice(state.operators.length, 0, operators)
  }
};

---

我错过了什么？谢谢

服务器的响应是什么？什么是状态运算符？如果您直接从一个操作调用该变异，并且请求类似于服务器响应，那么它是否做了您希望它做的事情？您确定

commit（'addUser'，payload）

不应该是

commit（'addUser'，data）

？还可以显示渲染操作符的部分吗？@roliroli你说得对！这是数据…嗯，数据。数据准确地说是因为API的建模方式，但是是的。成功了。感谢您的指导，我的朋友很高兴看到您找到了解决方案：）