Install

npm install --save vue-functional-popup

Usage

1. create and use

import Popup from 'vue-functional-popup'
const popup = new Popup()

// App.vue
<div>
  <FunctionalPopup /> // add
</div>

// main.ts
createApp(App).use(popup)

2. in setup()

// setup()
import Popup, { usePopup } from 'vue-functional-popup'
import ComponentPopup from './ComponentPopup.vue'
// first register
Popup.register('popup_name', () => import('./ComponentPopup.vue')) // lazy load
Popup.register('popup_name2', ComponentPopup) // register

// second use
const popup = usePopup()
let promisePopup = popup.show('popup_name') // 如果有注册的话

// use without register
promisePopup = popup.show(ComponentPopup, { callback })
const handler = popup.show(ComponentPopup, { callback }, true)

3. in methods

  say() {
    this.$popup.show('popup_name')
  }

4. more example

License

MIT License.