Si el ID del elemento registrado existe en la página, obtenga la información del elemento registrado y luego edite @click.once (actualizar). Si el elemento registrado no existe, intentamos registrar @click.once (crear). La condición del método es representar el elemento del botón con la condición v-if. La ejecución de los métodos se realizó con @click.once para evitar la ejecución duplicada.

Después de cargar los datos montados, itemId claramente existe, pero solo se ejecutan los métodos de creación. ¿Hay algo que este olvidando?

 <button v-if="itemId !== null" @click.self.prevent="update" :disabled="!validRegister">modify</button> <button v-else @click.self.prevent="create" :disabled="!validRegister">save</button> <script> async asyncData({ $axios, store }) { const response = await actions.get.partnerInfo({$axios, params}) return { bannerInfo = response ? response.id : null } }, data(){ return { itemId: null, } }, async mounted() { if(this.bannerInfo.id){ this.itemId = this.bannerInfo.id ? this.bannerInfo.id : null; } </script>