下拉框可搜索

src/views/book/addBookDrawer.vue

@@ -297,7 +297,7 @@
               >
               <template slot="CNYfreighForward" slot-scope="text, record, index">
                 <a-form-model-item prop="CNYfreighForward" :rules="rules.CNYfreighForward" >
-                  <a-select  v-model="record.freightForwarder" style="width:100%"> 
+                  <a-select  v-model="record.freightForwarder" style="width:100%" show-search     :filterOption="filterOption"> 
                       <a-select-option
                      v-for="(item,index) in FreightOption"
                      :key="index"
@@ -349,7 +349,7 @@
               >
                <template slot="USDfreighForward" slot-scope="text, record, index">
                 <a-form-model-item prop="USDfreighForward" :rules="rules.USDfreighForward" >
-                  <a-select  v-model="record.freightForwarder" style="width:100%"> 
+                  <a-select  v-model="record.freightForwarder" style="width:100%" show-search     :filterOption="filterOption"> 
                       <a-select-option
                      v-for="(item,index) in FreightOption"
                      :key="index"
@@ -673,6 +673,13 @@ export default {
     this.getOption()
   },
   methods: {
+    //货代下拉框模糊搜索
+     filterOption(input, option) {
+      return (
+        option.componentOptions.children[0].text
+          .toLowerCase()
+          .indexOf(input.toLowerCase()) >= 0
+      )},
     //获取经营单位数据字典
     getOption(){
       Dictionaries({code:'test-200'}).then(res => {