Просмотр исходного кода

bug fix: 申请兑奖的表单忘了做长度限制

任一存 2 лет назад
Родитель
Сommit
48d43d294a
1 измененных файлов с 19 добавлено и 0 удалено
  1. 19 0
      game/src/views/RedeemForm.vue

+ 19 - 0
game/src/views/RedeemForm.vue

@@ -96,11 +96,30 @@ const prizeInfo = JSON.parse(route.query.prizeInfo)
 const result = ref(store.state.score - prizeInfo.score)
 
 const name = ref('')
+watch(name, (vNew) => {
+  if (vNew.length > 20) {
+    vNew = vNew.slice(0, 20)
+    name.value = vNew
+  }
+})
 const contact = ref('')
+watch(contact, (vNew) => {
+  if (vNew.length > 20) {
+    vNew = vNew.slice(0, 20)
+    contact.value = vNew
+  }
+})
 const detail = ref('')
+watch(detail, (vNew) => {
+  if (vNew.length > 50) {
+    vNew = vNew.slice(0, 50)
+    detail.value = vNew
+  }
+})
 
 const ifShowNotify = ref(false)
 const haveSubmitted = ref(false)
+
 function submit() {
   redeem(detail.value, name.value, contact.value, prizeInfo.id, prizeInfo.score).then((res) => {
     ifShowNotify.value = true