Skip to content

详情底部操作栏 - IkBottomOperate

props

props类型说明默认值
lastShowBoolean是否展示上一条/下一条true
buttonShowBoolean是否展示右侧按钮组true
inputShowBoolean是否展示输入内容true
idsArray表格数据的全部id集合[]
rowIdString当前页面的数据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>