国际化

src/views/uploadPassword/index.vue

@@ -10,8 +10,8 @@
         v-model="loginData.phoneNumber"
         disabled
         class="login-btn"
-        label="手机号码"
-        placeholder="请输入手机号码"
+        :label="$t('app.phoneNumber')"
+        :placeholder="$t('app.enter') + $t('app.phoneNumber')"
         label-align="top"
         style="background: #12332100"
         type="tel"
@@ -20,8 +20,8 @@
       <van-field
         v-model="loginData.code"
         class="login-btn"
-        label="验证码"
-        placeholder="请输入验证码"
+        :label="$t('app.verificationCode')"
+        :placeholder="$t('app.enter') + $t('app.verificationCode')"
         label-align="top"
         style="background: #12332100"
         type="number"
@@ -33,7 +33,7 @@
                 <span class="block">{{ timeData.seconds }}秒</span>
               </template>
             </van-count-down>
-            <div v-show="!countDownFlag" style="color: #bc7c1c" @click="start">发送验证码</div>
+            <div v-show="!countDownFlag" style="color: #bc7c1c" @click="start">{{ $t('app.send') + $t('app.verificationCode') }}</div>
           </div>
         </template>
       </van-field>
@@ -41,9 +41,9 @@
       <van-field
         v-model="loginData.password"
         class="login-btn"
-        label="登录密码"
         label-align="top"
-        placeholder="请设置6-16位密码"
+        :label="$t('app.login') + $t('app.password')"
+        :placeholder="$t('app.passwordPlaceholder')"
         style="background: #12332100"
         type="password"
       />
@@ -51,9 +51,9 @@
       <van-field
         v-model="loginData.confirmPassword"
         class="login-btn"
-        label="确认密码"
         label-align="top"
-        placeholder="请再次输入密码"
+        :label="$t('app.confirm') + $t('app.password')"
+        :placeholder="$t('app.passwordPlaceholder1')"
         style="background: #12332100"
         type="password"
       />
@@ -68,7 +68,7 @@
           style="width: 100%; margin: 20px 0"
           @click.stop="updatePwdBtn"
         >
-          确认修改
+          {{ $t('app.confirm') + $t('app.update') }}
         </van-button>
       </view>
     </view>
@@ -83,7 +83,9 @@ import {sendSmsForget, updatePwd} from "@/api/login";
 import {showToast} from "vant";
 import {getCustomerInfo} from "@/api";
 import {resetData} from "@/utils/dataUtil";
+import { useI18n } from 'vue-i18n';
 
+const { t } = useI18n()
 const loginData = reactive({
   phone: null,
   phoneNumber: '',
@@ -112,7 +114,7 @@ const start = () => {
       onFinish()
     })
   } else {
-    showToast('请输入手机号')
+    showToast(t('app.enter') + t('app.phoneNumber'))
   }
 };
 
@@ -127,7 +129,7 @@ const updatePwdBtn = () => {
     password: loginData.password
   }).then(res => {
     console.log(res)
-    showToast('修改成功')
+    showToast(t('app.update') + t('app.success'))
   })
 }
 const customerInfo = reactive({