JSPM

  • Created
  • Published
  • Downloads 473473
  • Score
    100M100P100Q169306F
  • License MIT

A Vue component to render elements outside of a component's template, elsewhere in the DOM

Package Exports

  • portal-vue

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (portal-vue) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

PortalVue

A Portal Component for Vuejs, to render DOM outside of a component, anywhere in the document.

PortalVue Logo

Install with npm install portal-vue

For more detailed documentation and additional Information, please visit the docs

Installation

npm i portal-vue

# or

yarn add portal-vue
import PortalVue from 'portal-vue'
Vue.use(PortalVue)

Usage

<portal to="destination">
  <p>This slot content will be rendered wherever the <portal-target> with name 'destination'
    is  located.</p>
</portal>

<portal-target name="destination">
  <!--
  This component can be located anwhere in your App.
  The slot content of the above portal component will be rendered here.
  -->
</portal-target>

Nuxt module

Add portal-vue/nuxt to modules section of nuxt.config.js

{
  modules: ['portal-vue/nuxt']
}