因为最近要做项目的组件公共功能提取,尽量提高代码的可维护性,减少前端的开发工作量,故将前端常用的搜索项做了封装,这样页面使用时只用调用这个组件就可以了,话不多说直接上代码(ps也为了自己记录一下)
###常用搜索组件封装
<template>
<el-form :inline="true">
<el-form-item v-for="(item, index) in SearchBoxData" :key="index" :label="item.label">
<!--date-time选项 -->
<el-date-picker v-if="row.e == 'date'" v-model="search[item.name]" :type="item.option.type" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" />
<!--input选项 -->
<el-input v-if="item.e == 'input'" v-model="search[item.name]" clearable placeholder="请输入内容" />
<!