详情底部操作栏 - IkBottomOperate
props
props | 类型 | 说明 | 默认值 |
---|---|---|---|
lastShow | Boolean | 是否展示上一条/下一条 | true |
buttonShow | Boolean | 是否展示右侧按钮组 | true |
inputShow | Boolean | 是否展示输入内容 | true |
ids | Array | 表格数据的全部id集合 | [] |
rowId | String | 当前页面的数据Id | '' |
事件
名称 | 说明 |
---|---|
cancel | 取消 |
confirm | 确定 |
repulse | 打回 |
prevChange | 上一页 |
nextChange | 下一页 |
注入
名称 | 说明 |
---|---|
searchData | 表格搜索条件 |
search | 表格搜索方法 |
countTotal | 表格数量总条数 |
示例代码
vue
<template>
<p>底部上一页,下一条示例:</p>
<div>
<p>全部都展示</p>
<IkBottomOperate />
<p>展示输入意见</p>
<IkBottomOperate :lastShow="false" />
<p>不展示输入意见</p>
<IkBottomOperate :inputShow="false" />
<p>自定义右边的按钮</p>
<IkBottomOperate :inputShow="false">
<template #bottomRight>
<el-button type="warning">自定义按钮</el-button>
</template>
</IkBottomOperate>
<p>展示上一条,下一条</p>
<IkBottomOperate :buttonShow="false" :inputShow="false" />
</div>
</template>