推荐信内容长度限制

src/pages/letter/index.vue

@@ -3,33 +3,18 @@
     <header class="header">
       <div class="inner">
         <div class="logo">
-          <router-link to="/"
-            ><img src="https://zws-imgs-pub.ezijing.com/static/public/2a5dca328ca63abcf1c8496180adc485.png"
-          /></router-link>
+          <router-link to="/"><img src="https://zws-imgs-pub.ezijing.com/static/public/2a5dca328ca63abcf1c8496180adc485.png"/></router-link>
         </div>
       </div>
     </header>
     <nav class="nav"><h1 class="title">加州整合大学应用心理学硕士项目推荐信</h1></nav>
     <section class="content">
-      <el-form
-        :model="ruleForm"
-        :rules="rules"
-        ref="form"
-        label-width="100px"
-        :label-position="labelPosition"
-        @submit.native.prevent
-        style="max-width: 680px"
-      >
+      <el-form :model="ruleForm" :rules="rules" ref="form" label-width="100px" :label-position="labelPosition" @submit.native.prevent style="max-width: 680px">
         <el-form-item label="姓名" prop="provider_name">
           <el-input v-model="ruleForm.provider_name" @blur="onBlur('provider_name')"></el-input>
         </el-form-item>
         <el-form-item label="推荐信内容" prop="letter_content">
-          <el-input
-            type="textarea"
-            :autosize="{ minRows: 6 }"
-            v-model="ruleForm.letter_content"
-            @blur="onBlur('letter_content')"
-          ></el-input>
+          <el-input type="textarea" :autosize="{ minRows: 6 }" v-model="ruleForm.letter_content" @blur="onBlur('letter_content')"></el-input>
         </el-form-item>
         <el-form-item label="手机号" prop="provider_phone_number">
           <el-input v-model="ruleForm.provider_phone_number"></el-input>
@@ -71,7 +56,10 @@ export default {
       },
       rules: {
         provider_name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
-        letter_content: [{ required: true, message: '请输入推荐信内容', trigger: 'blur' }],
+        letter_content: [
+          { required: true, message: '请输入推荐信内容', trigger: 'blur' },
+          { min: 200, message: '长度在 200 个字符以上', trigger: 'blur' }
+        ],
         provider_phone_number: [{ required: true, pattern: /^1[3-9]\d{9}$/, message: '请输入手机号', trigger: 'blur' }],
         provider_company_name: [{ required: true, message: '请输入工作单位', trigger: 'blur' }],
         provider_job_title: [{ required: true, message: '请输入职务', trigger: 'blur' }]