[go: up one dir, main page]

Skip to content

A feature-rich Portal Plugin for Vue 2, for rendering DOM outside of a component, anywhere in your app or the entire document.

License

Notifications You must be signed in to change notification settings

daihuabin/portal-vue

 
 

Repository files navigation

PortalVue

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

PortalVue Logo

Buy Me a Coffee at ko-fi.com

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

Looking for version 1.*? Docs for version 1 are here

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 anywhere 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']
}

About

A feature-rich Portal Plugin for Vue 2, for rendering DOM outside of a component, anywhere in your app or the entire document.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 35.8%
  • Vue 35.6%
  • TypeScript 26.4%
  • SCSS 1.3%
  • HTML 0.9%