首页 > 其他分享 >vxe-modal 实现弹窗多窗口

vxe-modal 实现弹窗多窗口

时间:2024-11-25 18:24:22浏览次数:9  
标签:false vxe 多窗口 pc num 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

标签:false,vxe,多窗口,pc,num,modal,弹窗
From: https://www.cnblogs.com/qaz666/p/18568311

相关文章