naive-ui/demo/documentation/components/modal/zhCN/preset-confirm-slot.demo.md

使用 Dialog 预设的插槽

插槽也会随着预设变动。

<n-button @click="modalActive = true"> 来吧 </n-button>
<n-modal v-model:show="modalActive" preset="confirm" title="Dialog">
  <template v-slot:header>
    <div>标题</div>
  </template>
  <div>内容</div>
  <template v-slot:action>
    <div>操作</div>
  </template>
</n-modal>

export default {
  data () {
    return {
      modalActive: false
    }
  }
}