1. portal-vue
> A Portal Component for Vue 3, to render DOM outside of a component, anywhere in the document.
portal-vue
Package: portal-vue
Created by: LinusBorg
Last modified: Sun, 11 Dec 2022 10:53:13 GMT
Version: 3.0.0
License: MIT
Downloads: 2,025,269
Repository: https://github.com/LinusBorg/portal-vue

Install

npm install portal-vue
yarn add portal-vue

PortalVue

A Portal Component for Vue 3, 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 the version for Vue 2.*? Docs for PortalVue 2.*, compatible with Vue 2, 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']
}

RELATED POST

10 Must-Know Windows Shortcuts That Will Save You Time

10 Must-Know Windows Shortcuts That Will Save You Time

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Arrays vs Linked Lists: Which is Better for Memory Management in Data Structures?

Navigating AWS Networking: Essential Hacks for Smooth Operation

Navigating AWS Networking: Essential Hacks for Smooth Operation

Achieving Stunning Visuals with Unity's Global Illumination

Achieving Stunning Visuals with Unity's Global Illumination

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code

Nim's Hidden Gems: Lesser-known Features for Writing Efficient Code