uniapp: 前端地址保存锁

yshop-drink-uniapp-vue3/pages/components/pages/address/add.vue

@@ -40,7 +40,7 @@
 			</view>
 		</list-cell>
 		<view class="address-form__actions">
-			<button type="primary" size="default" class="rounded-pill address-form__btn" @tap="save">保存</button>
+			<button type="primary" size="default" :disabled="submitting" :loading="submitting" class="rounded-pill address-form__btn" @tap="save">保存</button>
 		</view>
 	</view>
 </template>
@@ -79,17 +79,19 @@ onLoad((option) => {
 	}
 })
 
+const submitting = ref(false)
+
 const save = async() => {
-	let data = {}
-	if (form.value.hasOwnProperty('id')) {
-		data = await getAddressAddAndEdit(form.value);
-	} else {
-		data = await getAddressAddAndEdit(form.value);
-	}
-	if (data) {
+	if (submitting.value) return
+	submitting.value = true
+	try {
+		await getAddressAddAndEdit(form.value)
+		uni.showToast({ title: '保存成功', icon: 'success' })
 		setTimeout(function(){
 			uni.navigateBack()
-		}, 2000);
+		}, 1000)
+	} catch (e) {
+		submitting.value = false
 	}
 }