diff --git a/pkg_user/views/gift/gift.vue b/pkg_user/views/gift/gift.vue
index 18f0f44..95508a0 100644
--- a/pkg_user/views/gift/gift.vue
+++ b/pkg_user/views/gift/gift.vue
@@ -30,7 +30,9 @@
           maxlength="30"
           border="none"
           count
+          ref="textarea"
           cols="30" 
+          @input="messageChange"
           rows="10"></u-textarea>
       </view>
     </view>
@@ -190,7 +192,18 @@ export default {
       imageUrl: this.giftImage
     }
   },
+  onReady() {
+    this.$nextTick(() => {
+      this.$refs.textarea.setFormatter(val => {
+        return val.length > 30 ? val.substring(0, 30) : val
+      })
+    })
+  },
   methods: {
+    messageChange(e) {
+      console.log(e);
+      this.message = e.substring(0, 30)
+    },
     numberChange(e) {
       this.computedPrice(e.value)
     },