Options

Options can be passed as a second argument to Vue.use.

import VueFinalModal from 'vue-final-modal'

Vue.use(VueFinalModal(), { 
    componentName: 'VueFinalModal',
    key: '$vfm',    
    dynamicContainerName: 'ModalsContainer'
})

componentName

  • Type: String
  • default: 'VueFinalModal'

Customize component name from VueFinalModal to any other string value.

key

  • Type: String
  • default: '$vfm'

Customize API name from $vfm to any other string value.

It is useful when you create multiple instance of VueFinalModal as spinner, toast, notify, etc.

dynamicContainerName

  • Type: String
  • default: 'ModalsContainer'

Customize dynamic modals container name from ModalsContainer to any other string value.

Edit this page on GitHub Updated at Fri, May 7, 2021