vxe-modal 实现弹窗多窗口

官网:https://vxeui.com

<template>
  <div>
    <p>
      <vxe-button content="点击弹出" @click="openEvent"></vxe-button>
    </p>
  </div>
</template>

<script>
import { VxeUI } from 'vxe-pc-ui'
export default {
  data () {
    return {
      num: 1
    }
  },
  methods: {
    openEvent () {
      VxeUI.modal.open({
        title: '标题1',
        content: `每点击一次弹出一个,第 ${this.num++} 个`,
        mask: false,
        lockView: false,
        width: 600,
        height: 400
      })
    }
  }
}
</script>

https://gitee.com/x-extends/vxe-pc-ui

posted @ 2024-11-25 18:10  可不简单  阅读(90)  评论(0编辑  收藏  举报