修改id为ref

package.json

@@ -1,6 +1,6 @@
 {
   "name": "code-brick-zj",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "private": false,
   "description": "组件封装",
   "main": "index.js"

src/components/SearchBar/SearchBar.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="searchBarBox divHeight" id='searchBarBox' :style="{ paddingRight: isFold ? '55px' : '0px' }">
+  <div class="searchBarBox divHeight" ref="searchBarRef" :style="{ paddingRight: isFold ? '55px' : '0px' }">
     <el-form
       :inline="true"
-      ref="searchBarForm" 
+      ref="searchBarForm"
       :model="formInline"
       class="searchBar"
     >
@@ -69,6 +69,7 @@
             v-if="item.type === 'autocomplete'"
             v-model="formInline[item.param]"
             :value-key="item.valueKey ? item.valueKey : 'value'"
+            :size="item.size ? item.size : 'small'"
             :fetch-suggestions="item.querySearch"
             :placeholder="item.placeholder"
             :clearable="item.clearable === false ? false : true"
@@ -80,6 +81,7 @@
             v-model="formInline[item.param]"
             :options="item.selectOptions"
             :props="item.cascaderProps"
+            :size="item.size ? item.size : 'small'"
             :clearable="item.clearable === false ? false : true"
             :show-all-levels="item.showAllLevels === false ? false : true"
             :collapse-tags="item.collapseTags === true ? true : false"
@@ -242,7 +244,7 @@ export default {
     },
     switchMode() {// 展开和收起切换
       this.isExpand = !this.isExpand
-      const element = document.getElementById('searchBarBox')
+      const element = this.$refs.searchBarRef
       if (this.isExpand) {
         element.classList.remove('divHeight')
       } else {