JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 473473
  • Score
    100M100P100Q169297F
  • 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

This branch is currently representing v1.4.0-beta.1 Install with npm install portal-vue@next

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

Installation

npm i portal-vue // v1.3.0 (stable)
npm i portal-vue@next // v1.4.0-beta.1 (current beta)
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']
}