More More Actions

💡 Component: my-dropdown-more

More actions component, typically used to merge multiple row actions in a table into one

Local import

import { defineAsyncComponent } from 'vue'

const MyDropdownMore = defineAsyncComponent(() => import('/@/components/my-dropdown-more/index.vue'))

Basic Usage

<my-dropdown-more v-auths="['api:module:update', 'api:module:delete']">
  <template #dropdown>
    <el-dropdown-menu>
      <el-dropdown-item v-if="auth('api:module:update')" @click="onEdit(row)">Edit</el-dropdown-item>
      <el-dropdown-item v-if="auth('api:module:delete')" @click="onDelete(row)">Delete</el-dropdown-item>
    </el-dropdown-menu>
  </template>
</my-dropdown-more>

Props

Prop	Description	Type	Default	Accepted Values
iconOnly	Show icon only	Boolean	false	-
icon	Icon tooltip	String	iconOnly ? 'ele-MoreFilled' : 'ele-ArrowDown'	-
buttonText	Button text	String	iconOnly ? '' : ' More'	-