文章管理代码片段

弹层逻辑（不同数据不同内容）

<script setup>
import { ref } from 'vue'
const dialogVisible = ref(false)
const open = async (row) => {
  dialogVisible.value = true
  console.log(row)
}
defineExpose({
  open
})
</script>
<template>
  <el-dialog v-model="dialogVisible" title="添加弹层" width="30%">
    <div>我是内容部分</div>
    <template #footer>
      <span class="dialog-footer">
        <el-button @click="dialogVisible = false">取消</el-button>
        <el-button type="primary"> 确认 </el-button>
      </span>
    </template>
  </el-dialog>
</template>

const dialog = ref()

<!-- 弹窗 -->
<channel-edit ref="dialog"></channel-edit>

const onAddChannel = () => {
  dialog.value.open({})
}
const onEditChannel = (row) => {
  dialog.value.open(row)
}