# 反馈组件

参数	说明	类型	必须	默认值
width	长度	Number	否	530
title	提示文字	String	否	提示
disabled	禁用	String	否
deleteApi	删除api函数,不传则默认返回删除数据传参	Function	否
value	删除数据的传参	Object	否
required	数据是否不能为空`(1.1.2新增)`	Boolean		true
placeholder	校验为空的提示`(1.1.2新增)`	String		选择项不能为空
afterData	请求前的前置钩子`(1.1.2新增)`	Function

# 插槽

名称	说明	调用值
default	默认插槽，用于占位按钮
content	自定义内容插槽，覆盖默认提示内容

# 可调用事件

名称	说明	传入参数
openModal	手动打开弹窗

# 回调

名称	说明	回调参数
change	确点击确定后回调事件，	传入值及删除状态
close	取消时的回调事件	传入值

案例：

<template>
	<div >
		<lg-table-api ref="lgTableFun" listApi="demo"   :columns='columns'>
			<template #topItem>
				<div style="margin-bottom: 1rem;">
					<a-button type="primary" >
					 新增菜单
					</a-button>
				</div>
			</template>
			<template #actions="{ record }">
				<a-button type="link" size="small" >
				  编辑
				</a-button>
<lg-delete-modal deleteApi='demoDelete' :value="{id:record.id}" @change='change'>
					<a-button type="link" size="small" >
					  删除
					</a-button>
    
				</lg-delete-modal>
			</template>
		</lg-table-api>
	</div>
</template>

<script setup>
import { ref } from 'vue'

const change = (e,a) => {
       if(a){ this.$refs.lgTableFun.initData();}
}

const columns = ref(
  [{
    title: '菜单名称',
    dataIndex: 'title',
  },
  {
    title: '操作',
    align: 'center',
    dataIndex: '_actions',
    width: 120
  },
  ]
)

</script>

<style>
</style>

← 数据组件其他组件 →

# 反馈组件

# 删除弹窗 lg-delete-modal

# 插槽

# 可调用事件

# 回调