|  |  | 
 |  |  | <template> | 
 |  |  |   <div class="search-form-collapse" :class="{'collapse__hidden': !showMore}"> | 
 |  |  |     <slot></slot> | 
 |  |  |     <el-button v-if="!showMore" class="collapse__switch" @click="showMore = true">更多查询...</el-button> | 
 |  |  |     <el-button v-else class="collapse__switch" @click="showMore = false">收起</el-button> | 
 |  |  |     <el-button  v-if="needMore && !showMore" class="collapse__switch" @click="showMore = true">更多查询...</el-button> | 
 |  |  |     <el-button v-else-if="needMore && showMore" class="collapse__switch" @click="showMore = false">收起</el-button> | 
 |  |  |   </div> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | <script> | 
 |  |  | export default { | 
 |  |  |   name: 'SearchFormCollapse', | 
 |  |  |   props: { | 
 |  |  |     needMore: { | 
 |  |  |       type: Boolean, | 
 |  |  |       required: false, | 
 |  |  |       default: () => true | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   data () { | 
 |  |  |     return { | 
 |  |  |       showMore: false |