按钮容器 - IkBtnContent

用于默认显示对应数量的按钮，超过设定数量的按钮用...展示，点击后显示其它操作

props

props	类型	说明	默认值
num	Number	显示数量	3
trigger	String as PropType<'click' | 'hover'>	触发方式	'click'
placement	String as PropType<'top' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'bottom'>	展开位置	'bottom'

slot

slot	说明
default	默认插槽

示例代码

<template>
  <!-- 示例 -->
  <IkBtnContent :num="2">
    <IkSvgIcon
      v-role="'UPDATE-USER'"
      name="icon-bianji"
      show-bg
      size="big"
      :start-margin="false"
      :title="t('action.edit')"
      @click="handEditRow(data.row)"
    />
    <IkSvgIcon
      v-role="'DELETE-USER'"
      name="icon-shanchu"
      show-bg
      size="big"
      :title="t('action.delete')"
      @click="handDelete(data.row)"
    />
    <IkSvgIcon
      v-role="'USER-RESET-PASSWORD'"
      name="icon-shuaxin"
      show-bg
      size="big"
      :title="`${t('action.reset')}${t('app.password')}`"
      @click="handResetPassword(data.row)"
    />
  </IkBtnContent>
</template>