Vue2 使用 el-dialog 实现同一弹框不同内容展示 - 审核与详情

可以通过在 el-dialog 组件中添加一个条件渲染来实现不同状态下的不同内容展示。具体实现步骤如下：

1. 在 el-dialog 组件中添加一个属性 v-if 或 v-show，根据不同状态控制其显示或隐藏。
2. 在点击“审核”按钮时，改变弹框的状态，使其显示审核内容。
3. 在点击“查看详情”按钮时，改变弹框的状态，使其不显示审核内容。

示例代码：

  

    
  
  

    
  

<el-button @click="showAuditContent = true">审核
<el-button @click="showAuditContent = false">查看详情

data() {
  return {
    dialogVisible: false, // 弹框显示状态
    showAuditContent: false // 是否展示审核内容
  }
}