一个弹出框同时有详情和审核的功能

一、template中设置弹出框的标题

<a-modal
    :title="flag ? '审核' : '详情'"
    :width="640"
    centered
    :zIndex="zIndex"
    :visible="visible"
    bodyStyle="padding: 0;"
    :footer="null"
    @cancel="handleCancel"
  >

二、script的data中设置flag

data() {
    return {
      flag: true, //判断标题和页脚显示
      ...
  },

三、script方法中控制

  methods: {
    // 审核
    add(certifyData) {
      this.visible = true
      this.flag = true
    },
    // 详情
    view(certifyData) {
      this.visible = true
      this.flag = false
    }
  },

四、同理，除了设置表头，还可以设置其他地方展示不同的内容或者显示与隐藏

 <div class="footer" v-if="flag">
      <a-button @click="handleSubmit(2)">驳回</a-button>
      <a-button type="primary" @click="handleSubmit(1)">通过</a-button>
    </div>
<div class="footer" v-else></div>