naive-ui/demo/documentation/components/modal/zhCN/basic.demo.md

基础用法

模态框的基础用法，你可以把任何东西放进去，比如一个卡片。

<n-button @click="showModal = true"> 来吧 </n-button>
<n-modal v-model:show="showModal">
  <n-card style="width: 600px;" title="模态框" :bordered="false" size="huge">
    <template v-slot:header-extra> 噢！ </template>
    内容
    <template v-slot:footer> 尾部 </template>
  </n-card>
</n-modal>

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