修改

src/components/system/type-form.vue

@@ -10,8 +10,8 @@
             class="col-12 q-pb-lg" label="名称" :rules="[val => !!val || '请填写名称']" />
         </div>
         <div class="row wrap">
-          <q-select class="col-12 q-pb-lg" filled stack-label clearable option-value="ID" option-label="Name"
-            v-model="objOption.CountryId" :options="CountryList" label="国家编号" :dense="false" emit-value map-options
+          <q-select class="col-12 q-pb-lg"  @filter="filterCountry" filled stack-label clearable  option-value="ID" option-label="Name"
+            v-model="objOption.CountryId" :options="CountryList" use-input label="国家编号" :dense="false" emit-value map-options
             />
         </div>
         <div class="row wrap" style="display:none">
@@ -60,6 +60,7 @@
           CountryId:'' //国家编号
         },
         CountryList:[], //国家下拉
+        allCountryList:[],
         optionTitle: "",
         TypeList:[], //下拉类型
         typeMsg:{
@@ -106,7 +107,15 @@
         queryCountryList({}).then(res => {
           if (res.Code == 1) {
             this.CountryList = res.Data;
+            this.allCountryList = res.Data;
           }
+        })
+      },
+      filterCountry(val, update, abort){
+        update(() => {
+          this.CountryList = this.allCountryList.filter(
+            v => v.Name.indexOf(val) > -1
+          );
         });
       },
       //获取留学就业类型