🐛 Fix isAllowCustomPrice option value for free books

likecoin · Feb 18, 2025 · 3c9496d · 3c9496d
1 parent a48c47e
commit 3c9496d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/pages/nft-book-store/collection/status/[collectionId]/edit.vue b/pages/nft-book-store/collection/status/[collectionId]/edit.vue
@@ -64,7 +64,7 @@
             </h3>
           </template>
           <UFormGroup :label="`Price(USD) of this collection (Minimal ${MINIMAL_PRICE} or $0 (free)) / 版本定價（美金）`">
-            <UInput v-model="price" type="number" step="0.01" :min="MINIMAL_PRICE" />
+            <UInput v-model="price" type="number" step="0.01" :min="MINIMAL_PRICE" @input="onPriceInput"/>
           </UFormGroup>
           <UFormGroup :label="`Total number of NFT for sale of this collection / 此定價上架的數量`">
             <UInput v-model="stock" type="number" step="1" :min="minStock" />
@@ -309,11 +309,13 @@ config({
   }
 })
 
-watch(price, (newPrice, oldPrice) => {
+function onPriceInput (input: any) {
+  const newPrice = input.target.value
+  const oldPrice = price.value
   if (Number(oldPrice) !== 0 && Number(newPrice) === 0) {
     isAllowCustomPrice.value = true
   }
-})
+}
 
 onMounted(async () => {
   try {

diff --git a/pages/nft-book-store/status/[classId]/edit/[editionIndex].vue b/pages/nft-book-store/status/[classId]/edit/[editionIndex].vue
@@ -63,7 +63,7 @@
             </h3>
           </template>
           <UFormGroup :label="`Price(USD) of this ${priceItemLabel} (Minimal ${MINIMAL_PRICE} or $0 (free)) / 版本定價（美金）`">
-            <UInput v-model="price" type="number" step="0.01" :min="MINIMAL_PRICE" />
+            <UInput v-model="price" type="number" step="0.01" :min="MINIMAL_PRICE" @input="onPriceInput" />
           </UFormGroup>
           <UFormGroup :label="`Total number of NFT for sale of this ${priceItemLabel} / 此定價上架的數量`">
             <UInput v-model="stock" type="number" step="1" :min="minStock" />
@@ -321,11 +321,13 @@ config({
   }
 })
 
-watch(price, (newPrice, oldPrice) => {
+function onPriceInput (input: any) {
+  const newPrice = input.target.value
+  const oldPrice = price.value
   if (Number(oldPrice) !== 0 && Number(newPrice) === 0) {
     isAllowCustomPrice.value = true
   }
-})
+}
 
 watch(isAutoDeliver, (newValue) => {
   if (newValue) {