快捷按钮组件

快捷显示按钮

TIP

IkButton 分为以下快捷按钮组件

新增按钮 - IkBtnAdd

新增按钮

• 示例代码

<template>
  <!-- 示例 -->
  <IkBtnAdd />
</template>

导出按钮 - IkBtnExport

导出按钮

• 示例代码

<template>
  <!-- 示例 -->
  <IkBtnExport />
</template>

导入按钮 - IkBtnImport

导入按钮

• 示例代码

<template>
  <!-- 示例 -->
  <IkBtnImport />
</template>

刷新按钮 - IkBtnRefresh

刷新按钮

• 示例代码

<template>
  <!-- 示例 -->
  <IkBtnRefresh />
</template>

排序按钮 - IkBtnSort

排序按钮

• 示例代码

<template>
  <!-- 示例 -->
  <IkBtnSort />
</template>

props

props	类型	说明	默认值
btnType	String as PropType<'icon' | 'button'>	按钮类型	'button'
type	String as PropType<'primary' | 'success'| 'warning'| 'danger'| 'info'| 'text'>	btnType 为'button'的类型	'primary'
circle	Boolean	是否圆形按钮	true
role	String	角色	''

事件

名称	说明
click	点击事件

设置按钮 - IkBtnSetting

设置按钮

props

props	类型	说明	默认值
btnType	String as PropType<'icon' | 'button'>	按钮类型	'button'
type	String as PropType<'primary' | 'success'| 'warning'| 'danger'| 'info'| 'text'>	btnType 为'button'的类型	'default'
circle	Boolean	是否圆形按钮	true
role	String	角色	''
list	Array as PropType< Array< ISearchForm>>	表格字段名列表数据	[]
tab	[String, Number]	区分页面tab页	''
inline	Boolean	inline模式一行显示多个	false

事件

名称	说明
sort	首次显示弹窗排序数据后或排序后点击弹框中确认按钮触发

示例代码

<template>
  <!-- 示例 -->
  <IkBtnSetting
    v-if="settingBtn"
    v-model="srotFields"
    title="设置表格字段"
    :list="fields"
    :tab="tabId"
  />
</template>