如何用vue操作新增页面成功之后进行刷新页面?

Question

用element-ui的MessageBox组件来做弹窗, 但是操作完新增之后, 如何让页面进行刷新?

    addUserData(done) {
      this.$ajax.post(this.$api.departmentData, this.form).then(res => {
        if (res.data.status == 200) {
          this.addUser = false;
          this.$message({
            type: "success",
            message: "新增成功!"
          });
        }
      });
    },

Answer 1

location.reload()?

Answer 2

一般不刷新页面，体验不好，可以在判断成功返回后调用重新获取页面数据的接口

Answer 3

一般来说，我的Vue页面有一个获取数据的方法，例如_fetchData，这个方法可以从服务器端获取数据并渲染List，在新增数据成功的回调函数中，我会再次执行_this._fetchData()，即可自动实现刷新数据。

Answer 4

成功之后调父级list接口.

Answer 5

写一个初始化的方法加载数据，提交成功了就调用这个初始化方法

Answer 6

你应该是刷新数据而已，成功后，直接this.query()；不就完了