JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    Portal Vue

    A Portal Component for Vuejs, for rendering DOM outside of a component, anywhere in the document.
    Filed under  › 

    • 🔾54%Overall
    • 1,761
    • 1.4 days
    • 🕩81
    • 👥6

    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']
    }
    
    Show All