feat：增加注册页面中英文切换

src/assets/languages/en.js

@@ -45,5 +45,21 @@ export default {
     alertTitle: 'Tip',
     successMessage: 'Password reset successfully',
     confirmButtonText: 'Go to login'
+  },
+  register: {
+    nickname: { title: 'username', placeholder: 'Nickname', rule: 'Please enter a nickname' },
+    account: { title: 'account', placeholder: 'Email/Mobile ', rule: 'Please enter  email or mobile ' },
+    code: {
+      title: 'verificationCode',
+      placeholder: 'The verification code',
+      rule: 'Please enter the verification code '
+    },
+    password: {
+      title: 'password',
+      placeholder: 'Set new password',
+      rule: 'Please enter the login password',
+      rule2: '6-20 characters in length'
+    },
+    title: 'Register'
   }
 }

src/components/register.vue

 <template>
   <div>
     <el-form :model="ruleForm" :rules="rules" ref="form" @submit.native.prevent>
-      <el-form-item prop="username" label="昵称">
-        <el-input v-model="ruleForm.username" placeholder="请输入昵称"></el-input>
+      <el-form-item prop="username" :label="$t('register.nickname.title')">
+        <el-input v-model="ruleForm.username" :placeholder="$t('register.nickname.placeholder')"></el-input>
       </el-form-item>
-      <el-form-item prop="account" label="账号">
-        <el-input v-model="ruleForm.account" placeholder="邮箱/手机号"></el-input>
+      <el-form-item prop="account" :label="$t('register.account.title')">
+        <el-input v-model="ruleForm.account" :placeholder="$t('register.account.placeholder')"></el-input>
       </el-form-item>
-      <el-form-item prop="code" label="验证码">
-        <el-input v-model="ruleForm.code" placeholder="请输入验证码">
+      <el-form-item prop="code" :label="$t('register.code.title')">
+        <el-input v-model="ruleForm.code" :placeholder="$t('register.code.placeholder')">
           <countdown
             slot="suffix"
             size="mini"
@@ -18,10 +18,16 @@
           ></countdown>
         </el-input>
       </el-form-item>
-      <el-form-item prop="password" label="密码">
-        <el-input type="password" v-model="ruleForm.password" placeholder="请输入登录密码"></el-input>
+      <el-form-item prop="password" :label="$t('register.password.title')">
+        <el-input
+          type="password"
+          v-model="ruleForm.password"
+          :placeholder="$t('register.password.placeholder')"
+        ></el-input>
       </el-form-item>
-      <el-button type="primary" class="submit-button" :loading="loading" @click="handleSubmit">注册</el-button>
+      <el-button type="primary" class="submit-button" :loading="loading" @click="handleSubmit">
+        {{ $t('register.title') }}</el-button
+      >
     </el-form>
   </div>
 </template>
@@ -41,12 +47,12 @@ export default {
     return {
       ruleForm: { username: '', account: '', code: '', password: '' },
       rules: {
-        username: [{ required: true, message: '请输入昵称', trigger: 'blur' }],
-        account: [{ required: true, message: '请输入邮箱/手机号', trigger: 'blur' }],
-        code: [{ required: true, message: '请输入验证码', trigger: 'blur' }],
+        username: [{ required: true, message: this.$t('register.nickname.rule'), trigger: 'blur' }],
+        account: [{ required: true, message: this.$t('register.account.rule'), trigger: 'blur' }],
+        code: [{ required: true, message: this.$t('register.code.rule'), trigger: 'blur' }],
         password: [
-          { required: true, message: '请输入登录密码', trigger: 'blur' },
-          { min: 6, max: 20, message: '长度为6-20个字符', trigger: 'blur' }
+          { required: true, message: this.$t('register.password.rule'), trigger: 'blur' },
+          { min: 6, max: 20, message: this.$t('register.password.rule2'), trigger: 'blur' }
         ]
       },
       loading: false