限制文本域输入字符

src/components/exam/question.vue

@@ -39,7 +39,7 @@
       <div class="title">
         <div class="num">{{ questionData.q_order }}.</div><div class="des" v-html="questionData.content"></div>
       </div>
-      <el-input @input="QAChange(questionData.question_item_id, questionData.id)" type="textarea" placeholder="请输入内容" v-model="questionData.textContent"></el-input>
+      <el-input @input="QAChange(questionData.question_item_id, questionData.id, questionData.textContent)" type="textarea" placeholder="请输入内容" v-model="questionData.textContent"></el-input>
     </template>
     <!-- 复合题 -->
     <template v-if="questionData.question_item_type == 5 || questionData.question_item_type == 7 || questionData.question_item_type == 8">
@@ -58,7 +58,7 @@
                 <div class="num">{{ item.q_order }}.</div><div class="des" v-html="item.content"></div>
               </div>
               <div v-if="item.type == 3" @click="changeIndex(item.q_order)">
-                <el-input @input="QAChildChange(questionData.question_item_id, item)" type="textarea" placeholder="请输入内容" v-model="item.answer"></el-input>
+                <el-input @input="QAChildChange(questionData.question_item_id, item, item.answer)" type="textarea" placeholder="请输入内容" v-model="item.answer"></el-input>
               </div>
               <!-- <el-input @input="QAChange(questionData.question_item_id, questionData.id)" type="textarea" placeholder="请输入内容" v-model="questionData.textContent"></el-input> -->
               <ul v-else :class="item.type == 2 ? 'check-option' : 'radio-option'"><!-- radio-option check-option -->
@@ -183,42 +183,56 @@ export default {
       })
     },
     // 案例题下面的问答题
-    QAChildChange(pId, item) {
-      if (this.questionParams.answerRecord[pId]) {
-        if (this.questionParams.answerRecord[pId][item.id]) {
-          this.questionParams.answerRecord[pId][item.id].answer = [item.answer]
+    QAChildChange(pId, item, length) {
+      if (length.length < 500) {
+        if (this.questionParams.answerRecord[pId]) {
+          if (this.questionParams.answerRecord[pId][item.id]) {
+            this.questionParams.answerRecord[pId][item.id].answer = [item.answer]
+          } else {
+            this.questionParams.answerRecord[pId][item.id] = {
+              answer: [item.answer],
+              sign: false
+            }
+          }
         } else {
-          this.questionParams.answerRecord[pId][item.id] = {
-            answer: [item.answer],
-            sign: false
+          this.questionParams.answerRecord[pId] = {
+            [item.id]: {
+              answer: [item.answer],
+              sign: false
+            }
           }
         }
+        this.$forceUpdate()
       } else {
-        this.questionParams.answerRecord[pId] = {
-          [item.id]: {
-            answer: [item.answer],
-            sign: false
-          }
-        }
+        this.$message({
+          message: '最多输入500个字符',
+          type: 'warning'
+        })
       }
-      this.$forceUpdate()
     },
     // 问答题回答
-    QAChange(pId, cId) {
-      this.questionParams.answerRecord[pId]
-        ? this.questionParams.answerRecord[pId][cId]
-          ? this.questionParams.answerRecord[pId][cId].answer = [this.questionData.textContent]
-          : this.questionParams.answerRecord[pId][cId] = {
-            answer: [this.questionData.textContent],
-            sign: false
-          }
-        : this.questionParams.answerRecord[pId] = {
-          [cId]: {
-            answer: [this.questionData.textContent],
-            sign: false
+    QAChange(pId, cId, length) {
+      if (length < 500) {
+        this.questionParams.answerRecord[pId]
+          ? this.questionParams.answerRecord[pId][cId]
+            ? this.questionParams.answerRecord[pId][cId].answer = [this.questionData.textContent]
+            : this.questionParams.answerRecord[pId][cId] = {
+              answer: [this.questionData.textContent],
+              sign: false
+            }
+          : this.questionParams.answerRecord[pId] = {
+            [cId]: {
+              answer: [this.questionData.textContent],
+              sign: false
+            }
           }
-        }
-      this.$forceUpdate()
+        this.$forceUpdate()
+      } else {
+        this.$message({
+          message: '最多输入500个字符',
+          type: 'warning'
+        })
+      }
     },
     changeIndex(order) {
       this.questionParams.questionIndex = order - 1