父子组件通信、子组件定义form表单、父组件传入el-form-item、以及父组件传入rules校验

思想：父组件传入结构以及rules规则、搜索框条件、子组件对结构中的数据校验、不修改数据内容。
父组件
@toTableHeight:改变table高度

<Search @toTableHeight="toTableHeight" @submit="search" :rules="rules" ：searchForm="searchForm" :showReset="false">
	<template #first>
		<el-form-item>
			<el-input></el-input>
		</el-form-item>
	</template>
</Serach>

export default{
	data(){
		searchForm:{},
		rules:{
		}
	}
}

子组件

<el-form :rules="rules" :model="searchForm" ref="searchForm">
	<slot  name="first"/>
</el-form>

export default{
	data(){
		return{
			showAll:true,
			showArrow:true
		}
	},
	props:{
		rules:{
			type:Object // 外部传入的校验规则
		},
		searchForm{
			type:Object // 表单内容
		}
	}
}

methods:{
	search(searchForm){
		// 以下正常操作	
	}
}

}