Javascript 在向Vuejs中的数据库发送post请求后，动态将卡添加到屏幕

我想刷新我的

cardData

数组，在我向数据库发送post请求后，该数组通过数据库的get请求获取其值。我编写了这个

saveDraft（）

函数，它可以在单击时向

cardData

数组添加值，但我需要刷新页面或单击两次以查看更改。有没有一种方法可以在不刷新页面的情况下动态执行此操作

    saveDraft() {
      Api.createComment({
          // it's a post request
        })
        .then(res => {
          if (response.status == 200) {
            Api.getComments().then(res => {
              // it's a get request to update the cardData
              if (res.status === 200) {
                this.cardData = res.data;
              } else {
                // catches error
              }
            });
          } else {
            // catches error
          }
        });
    },

---

我不知道您是如何实现saveDraft（）函数的，但我会使用您提供的

一般来说，要回答您的问题，我认为这取决于您单击两次或刷新页面的意思（即“单击”表示您已将其绑定到用户事件，如@dblclick或@click？）。但在Vue中，您可以通过以下方式处理动态事件：

1）此功能是否在子组件中？如果是，那么考虑使用以侦听用户事件（即<代码> @ dBLASK/<代码>，<代码> @单击< /代码>，<代码> @ MouthOver < /代码>等），发出一个或创建一个<代码>观察者>代码> >“更新”父数据中的数据。

• 如果这令人困惑，您可以查看Vue Mastery上的视频，该视频讲述了从子组件向父组件发射事件的基础

<强> 2）可以考虑使用VUEX作为状态管理器。这有助于提高反应性——更新通过突变和动作传递的组件或数据片段。查看一个

---

如果这仍然没有意义，请在此处告诉我，或者在需要时更新您的问题：）

请同时提供相关的模板代码？