OperationColumn 操作列

组件库并没有导出这个组件

该文档只是为了了解内部实现

简介

用于表格等场景的操作按钮集合，支持按钮分组、下拉菜单、动态禁用、loading 状态等。

基本用法

<template>
  <operation-column :all-buttons="buttons" :row="rowData" />
</template>

<script setup>
const rowData = { id: 1, name: '张三' }
const buttons = [
  { label: '编辑', action: (row) => editRow(row) },
  {
    label: '删除',
    type: 'danger',
    action: (row) => deleteRow(row),
    disabled: (row) => row.id === 1,
  },
  { label: '详情', action: (row) => viewDetail(row) },
  { label: '更多', action: (row) => moreAction(row) },
]
</script>

属性说明

属性	说明	类型	默认值	必填
allButtons	按钮配置数组	array	—	是
row	当前行数据	object	—	是

按钮配置项说明

属性	说明	类型
label	按钮文本	string
type	按钮类型	string
icon	图标组件	组件名
action	点击回调	function
disabled	是否禁用/函数	boolean/function(row)

事件

无（所有操作通过按钮 action 回调实现）。

插槽

无。