搜索功能(el-form): 展开/收起

需求:

当搜索条件过多,需要多行显示,并且可以收起/展开

// 展开

 // 收起

 // 左侧菜单收起

 代码: 

// search-coloct ==> 你可以定义一个全局的样式
// 主要通过 searchCol 进行判断是否收起

                            
                                
                                    
                                
                                
                                    
                                
                                
                                    
                                        
                                    
                                
                                
                                    
                                        
                                    
                                
                                
                                    
                                        
                                    
                                
                            
                        

                            搜索
                            重置

                            
                                {{searchCol?'收起':'展开'}}
                                
                            
                        

// 样式

.search-coloct {
    height: 48px;
    overflow: hidden;
  }