调整

src/layout/components/CarBrandSelector/index.vue

@@ -1,12 +1,18 @@
 <template>
   <div class="block">
-        <el-cascader v-model="selectedOptions" placeholder="请选择" :options="options" :filter-method="handleFilter"
+<!--    <el-cascader v-model="selectedOptions" placeholder="请选择" :options="options" :filter-method="handleFilter"-->
-            :debounce="500" :show-all-levels="false" filterable clearable />
+<!--                 :debounce="500" :show-all-levels="false" filterable clearable/>-->
+    <el-cascader
+      placeholder="请选择品牌型号"
+      :options="options"
+
+      filterable></el-cascader>
   </div>
 
 </template>
 <script>
 import * as CarBrandSelectorApi from '@/layout/components/CarBrandSelector/Api';
+
 export default {
   watch: {
     selectedOptions(newVal, oldVal) {
@@ -19,11 +25,11 @@ export default {
   methods: {
     // 处理过滤方法
     handleFilter(node, keyword) {
+      debugger
       console.log(keyword, 'Filtering:');
       //请求相关选项
       this.getData(keyword);
       // this.options =
-
       // const filteredOptions = [
       //   {
       //     value: 'filtered1',
@@ -50,89 +56,17 @@ export default {
       }
       CarBrandSelectorApi.searchBrand(param).then(res => {
         this.options = res.data
-                this.options = res.data
-               
       });
     },
 
-        changedOptionsForTest() {
+
-            this.options = [{
-                value: 'zhinan',
-                label: '指北',
-                children: [{
-                    value: 'shejiyuanze',
-                    label: '指北1',
-                    children: [{
-                        value: 'yizhi',
-                        label: '一致',
-                        children: [{
-                            value: 'sadme',
-                            label: 'how sad me'
-                        }]
-                    }, {
-                        value: 'fankui',
-                        label: '反馈'
-                    }, {
-                        value: 'xiaolv',
-                        label: '效率'
-                    }, {
-                        value: 'kekong',
-                        label: '可控'
-                    }]
-                }, {
-                    value: 'daohang',
-                    label: '指北2',
-                    children: [{
-                        value: 'cexiangdaohang',
-                        label: '侧向导航'
-                    }, {
-                        value: 'dingbudaohang',
-                        label: '顶部导航'
-                    }]
-                }]
-            },]
-        },
   },
 
   data() {
     return {
       selectedOptions: [], // 存储已选择的选项
 
-            options: [{
+      options: [], //选项集合
-                value: 'zhinan',
-                label: '指北',
-                children: [{
-                    value: 'shejiyuanze',
-                    label: '指北1',
-                    children: [{
-                        value: 'yizhi',
-                        label: '一致',
-                        children: [{
-                            value: 'sadme',
-                            label: 'how sad me'
-                        }]
-                    }, {
-                        value: 'fankui',
-                        label: '反馈'
-                    }, {
-                        value: 'xiaolv',
-                        label: '效率'
-                    }, {
-                        value: 'kekong',
-                        label: '可控'
-                    }]
-                }, {
-                    value: 'daohang',
-                    label: '指北2',
-                    children: [{
-                        value: 'cexiangdaohang',
-                        label: '侧向导航'
-                    }, {
-                        value: 'dingbudaohang',
-                        label: '顶部导航'
-                    }]
-                }]
-            },], //选项集合
 
     };
   }

src/views/base/carmain/CarMainForm.vue

@@ -71,7 +71,7 @@
         <el-button type="primary" @click="submitForm" :disabled="formLoading">确 定</el-button>
         <el-button @click="dialogVisible = false">取 消</el-button>
       </div>
-      <CarBrandSelector/>
+      <CarBrandSelector ref="brandForm"/>
     </el-dialog>
   </div>
 </template>