diff --git a/pages/authorization/index.vue b/pages/authorization/index.vue
index 5b0c691..ecf57d0 100644
--- a/pages/authorization/index.vue
+++ b/pages/authorization/index.vue
@@ -53,6 +53,7 @@
         </button>
         <input
           type="nickname"
+          maxlength="12"
           class="input-wrapper"
           placeholder="请输入昵称"
           @input="inputName"
diff --git a/pkg_user/views/personalData.vue b/pkg_user/views/personalData.vue
index d78d9fb..dc858bc 100644
--- a/pkg_user/views/personalData.vue
+++ b/pkg_user/views/personalData.vue
@@ -20,7 +20,11 @@
         <view class="flex ai-center">
           <view class="title">昵称</view>
           <view class="value">
-            <input type="text" v-model="userInfo.nickname"/>
+            <input
+              v-model="nickname"
+              type="text"
+              maxlength="12"
+            />
           </view>
         </view>
         <view class="icon">
@@ -122,6 +126,7 @@ export default {
     return {
       webUrl: this.$VUE_APP_RESOURCES_URL,
       avatar: '',
+      nickname: '',
       isWeixin: false,
       currentAccounts: 0,
       switchUserInfo: [],
@@ -138,6 +143,7 @@ export default {
   computed: mapGetters(['userInfo']),
   mounted: function () {
     this.avatar = this.userInfo.avatar
+    this.nickname = this.userInfo.nickname
     this.form.gender = this.userInfo.gender
     this.form.birthday = this.userInfo.birthday || ''
     this.isWeixin = isWeixin()
@@ -194,7 +200,7 @@ export default {
     submit: function () {
       const that = this
       postUserEdit({
-        nickname: trim(this.userInfo.nickname),
+        nickname: trim(this.nickname),
         avatar: this.avatar,
         gender: this.form.gender,
         birthday: this.form.birthday