音频管理 歌手 设置歌手名称上限

src/views/music/singer/detail.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <el-form :model="form" ref="form" :rules="rules" label-width="100px" :disabled="disabled">
       <el-form-item label="歌手名称：" prop="name">
-        <el-input v-model="form.name" placeholder="请输入歌手名称" />
+        <el-input v-model="form.name" placeholder="请输入歌手名称" maxlength="100" show-word-limit />
       </el-form-item>
       <el-form-item label="歌手性别：" prop="sex">
         <el-select v-model="form.sex" placeholder="请选择歌手性别">
@@ -22,7 +22,8 @@
         </el-select>
       </el-form-item>
       <el-form-item label="歌手简介：" prop="description">
-        <el-input v-model="form.description" type="textarea" rows="5" placeholder="请输入歌手简介" />
+        <el-input v-model="form.description" type="textarea" rows="5" placeholder="请输入歌手简介" maxlength="100"
+          show-word-limit />
       </el-form-item>
       <el-form-item label="歌手头像：" prop="coverUrl">
         <Upload listType="picture-card" :url="form.coverUrl" @upload="upload" :disabled="disabled" />
@@ -60,8 +61,6 @@ export default {
       rules: {
         name: [{
           required: true, message: '请输入歌手名称', trigger: 'blur'
-        }, {
-          max: '100', message: '歌手名称字符不可超过100个', trigger: 'blur'
         }],
         sex: [{
           required: true, message: '请选择歌手性别', trigger: 'change'
@@ -77,8 +76,6 @@ export default {
         }],
         description: [{
           required: true, message: '请输入歌手简介', trigger: 'blur'
-        }, {
-          max: '100', message: '歌手简介字符不可超过100个', trigger: 'blur'
         }],
         coverUrl: [{
           required: true, message: '请上传歌手头像', trigger: 'change'