我正在嘗試創建一個顯示來自 Vuex 商店的數據的表單，它允許用戶更新表單字段，然后在準備好時按提交。到目前為止，我只看到了使用 v-model 和計算的教程，get()并set()讀取存儲值，然后直接更新它們。但我想直觀地讓用戶更改表單，然后決定更新或取消。取消會將表單基本上重置為原始狀態值。到目前為止，我所想出的只是 v-model 方法，它并不理想，因為它將數據傳播到使用狀態值的任何地方。因此，在用戶按下提交之前，它可能會影響邏輯<v-text-field v-model="displayName"></v-text-field>...computed: {...mapGetters(['currentUser']),    displayName: {        get() {            return this.currentUser.name        },        set(value) {            this.$store.dispatch('updateName', value);        },    },}我只是不知道如何顯示當前狀態，而且只有在按下按鈕時才以 Vue 的方式更新狀態。有沒有一個很好的教程呢？骯臟的想法讓它更新一個臨時狀態，當按下提交時它會采用臨時狀態并更新實際狀態，并將其傳播到數據庫？遵循本教程https://medium.com/js-dojo/maintaining-a-single-source-of-truth-while-handling-form-data-with-vuex-426e86d16642