vxe-modal 實現視窗最大化與最小化

可不简单發表於2024-11-25

vxe-modal 實現視窗最大化與最小化

官網:https://vxeui.com

<template>
  <div>
    <vxe-button content="點選彈出" @click="openEvent"></vxe-button>
  </div>
</template>

<script>
import { VxeUI } from 'vxe-pc-ui'
export default {
  data () {
    return {
      num: 1
    }
  },
  methods: {
    openEvent () {
      VxeUI.modal.open({
        title: `標題 ${this.num}`,
        content: `我是第 ${this.num} 個`,
        mask: false,
        lockView: false,
        escClosable: true,
        width: 600,
        height: 400,
        showZoom: true
      })
      this.num++
    }
  }
}
</script>

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

相關文章