https://github.com/tserkov/vue-directive-hoist

A Vue directive for hoisting DOM elements to a higher parent node.
https://github.com/tserkov/vue-directive-hoist

directive hoisting javascript vue vuejs vuejs2

Last synced: 14 days ago
JSON representation

A Vue directive for hoisting DOM elements to a higher parent node.

• Host: GitHub
• URL: https://github.com/tserkov/vue-directive-hoist
• Owner: tserkov
• License: mit
• Created: 2017-05-20T05:18:09.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-03-14T17:40:05.000Z (over 7 years ago)
• Last Synced: 2025-06-30T20:07:09.252Z (14 days ago)
• Topics: directive, hoisting, javascript, vue, vuejs, vuejs2
• Language: JavaScript
• Size: 1.95 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# vue-directive-hoist [![license](https://img.shields.io/github/license/tserkov/vue-directive-hoist.svg)]()

A Vue directive for hoisting DOM elements to a higher parent node.

## Install

``` bash

# npm

npm install --save vue-directive-hoist

```

``` bash

# yarn

yarn add vue-directive-hoist

```

## Use

```javascript

// In main.js

import Hoist from 'vue-directive-hoist';

Vue.use(Hoist);

```

```html

  


    


      


        A common use case for hoist is to place modals as a direct descendant of body,

        so it can properly overlay the page.

      

    

  


```

If no value is provided, by default the element is hoisted to ``.