可以多选名称

src/components/messageSend/main.vue

@@ -11,12 +11,14 @@
     :before-close="closeDialog"
   >
     <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-      <el-form-item label="接受者" prop="toUserId">
+      <el-form-item label="接受者" prop="userList">
         <el-select
-          v-model="form.toUserId"
+          v-model="form.userList"
           clearable
           filterable
+          multiple
           size="small"
+          style="width: 100%"
         >
           <el-option
             v-for="(item, index) in userOption"
@@ -49,10 +51,13 @@ export default {
   data() {
     return {
       visible: false,
-      form: {},
+      form: {
+        userList: [],
+        messageBody: null,
+      },
       userOption: [],
       rules: {
-        toUserId: [{required: true, message: " ", trigger: "change"}],
+        userList: [{required: true, message: " ", trigger: "change"}],
         messageBody: [{required: true, message: " ", trigger: "blur"}],
       },
     }
@@ -89,13 +94,6 @@ export default {
       })
     },
     getUserName() {
-      if (this.form.toUserId) {
-        this.userOption.forEach(item => {
-          if (item.form.toUserId == this.form.toUserId) {
-            this.$set(this.form, 'toUserName', item.realName)
-          }
-        })
-      }
     },
   },
 }