Vben Admin 同一界面打开多个模态框 Modal

夏子曦

于 2025-04-10 17:20:50 发布

阅读量153

点赞数 3

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/oopxiajun2011/article/details/147123492

版权

<script lang="ts" setup>
import { useVbenModal, VbenButton } from '@vben/common-ui';

const [Modal1, modalApi1] = useVbenModal();
const [Modal2, modalApi2] = useVbenModal();
</script>
<template>
  <div>
    <VbenButton @click="() => modalApi1.open()">Open 1</VbenButton>
    <VbenButton @click="() => modalApi2.open()">Open 2</VbenButton>
    <Modal1 class="w-[600px]" title="基础示例1"> Modal1 content </Modal1>
    <Modal2 class="w-[600px]" title="基础示例2"> Modal2 content </Modal2>
  </div>
</template>