vue elementui 实现搜索栏子组件封装的示例代码

目录

• 前言
• 需求
• 实现
• 子组件(search.vue)
• 父组件部分主要代码（index.vue）

前言

描述： 在基本项目中搜索栏、分页组件格式样式几乎是固定的，只是对应的数据不同，由于模块会随着需求的不断增加，可能会导致重复代码越来越多，这时可以用到子组件，需要将相同的模块代码统一封装，提高开发效率和页面统一。(自己的想法，只根据自己需求来说)

需求

实现

子组件(search.vue)

html

js

css

父组件部分主要代码（index.vue）

html(主要代码)

Search 指components注册的标签。
:objSearch 指向子组件传的参数
@refresh、@exportExcel、@search 指子组件触发的方法

js(主要代码)

css

到此这篇关于vue elementui 搜索栏子组件封装的文章就介绍到这了,更多相关vue elementui 搜索栏组件封装内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！