vue3使用element

// ----------------------编辑菜单按钮权限配置----------------------------const resourceTableKey = ref(null)

const resource = reactive({ queryParams: { code: null, name: null, menuId: null }, tableData: { total: 2, records: [] }, pagination: { size: 10, current: 1 }, formData: {}, selection: []})

const resourceSearch = () => { getResourceList().then(data => { resource.tableData.records = data.data })}

const resourceAdd = () => { dialogEditVisible.value = true resource.formData = {}}

const resourceEdit = (index, row) => { dialogEditVisible.value = true resource.formData = row}

const resourceSingleDelete = (index, row) => { ElMessageBox.confirm('确认删除?', '确认删除', { confirmButtonText: '确认', cancelButtonText: '取消', confirmButtonClass: 'confirmButton', type: 'warning', }) .then(() => { resource.tableData.records.splice(index, 1) }) .catch(() => { })}

const resourceSelectChange = (selection) => { resource.selection = selection}

const resourceBatchDelete = () => { if (!resource.selection.length) { ElMessageBox.alert('请选择要删除项！', '提示', { confirmButtonText: '确认', type: 'warning' }) return } ElMessageBox.confirm('确认删除?', '确认删除', { confirmButtonText: '确认', cancelButtonText: '取消', type: 'warning', }) .then(() => { resource.tableData.records = resource.tableData.records.filter(function(items){ return (resource.selection.filter(function(selectionItems){ return selectionItems.id == items.id })).length == 0 }) }) .catch(() => { })}

const resourceReturn = { resourceTableKey, resource, resourceEdit, resourceAdd, resourceSingleDelete, resourceSelectChange, resourceBatchDelete }// ----------------------编辑菜单按钮权限配置----------------------------