.

src/views/photoWall/edit.vue

@@ -11,7 +11,7 @@
             class="demo-ruleForm"
           >
             <el-form-item label="学期" prop="appName" style="width:30vw">
-              <el-select v-model="ruleForm.appType" filterable placeholder="请选择">
+              <el-select v-model="ruleForm.appType" :remote-method="remoteMethod" filterable remote reserve-keyword :loading="loading" placeholder="请选择">
                 <el-option
                   v-for="item in options"
                   :key="item.value"
@@ -62,6 +62,9 @@ export default {
   },
   data() {
     return {
+      options: [],
+      loading: false,
+      list: [],
       configId: '',
       gameForm: {
         gameForm: undefined
@@ -104,7 +107,7 @@ export default {
 
         status: [{ required: true, message: '请选择状态', trigger: 'blur' }]
       },
-      options: [{
+      states: [{
         value: '选项1',
         label: '2022年第一学期'
       }, {
@@ -150,8 +153,23 @@ export default {
       //     this.$router.go(-1)
       //   })
     }
+    this.list = this.states
   },
   methods: {
+    remoteMethod(query) {
+      console.log(666)
+      if (query !== '') {
+        this.loading = true
+        setTimeout(() => {
+          this.loading = false
+          this.options = this.list.filter(item => {
+            return item.label.indexOf(query) > -1
+          })
+        }, 200)
+      } else {
+        this.options = []
+      }
+    },
     submitForm(formName) {
       this.$refs[formName].validate((valid) => {
         console.log(this.ruleForm)