修改id为ref

This commit is contained in:
朱菊兰 2023-07-14 14:59:38 +08:00
parent 899a0b7240
commit 7cd61b744f
2 changed files with 6 additions and 4 deletions

View File

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

View File

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