Gathering detailed insights and metrics for vue-portal
Gathering detailed insights and metrics for vue-portal
Installations
npm install vue-portalDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Min. Node Version
*
Node Version
5.10.1
NPM Version
3.8.3
Releases
Unable to fetch releases
Languages
2
CoffeeScript
Vue
CoffeeScript (58.24%)
Vue (41.76%)
Developer
vue-comps
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
4 Stars
4 Commits
1 Watchers
2 Branches
1 Contributors
Updated on Feb 28, 2025
Maintainers
1
Package Meta Information
Latest Version
1.0.0
Package Id
vue-portal@1.0.0
Size
4.72 kB
NPM Version
3.8.3
Node Version
5.10.1
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
1
Dev Dependencies
26
chaichai-spiescoffee-loadercoffee-scriptgh-pageskarmakarma-chaikarma-chai-domkarma-chai-spieskarma-chrome-launcherkarma-firefox-launcherkarma-mochakarma-sourcemap-loaderkarma-spec-reporterkarma-vue-componentkarma-webpackmochapugscript-runnervuevue-compilervue-comps-tooltipvue-dev-servervue-html-loadervue-loaderwebpack
vue-portal
teleports the content to another location in the dom. Similar to vue-transfer-dom and vue-move-dom, but as a component instead of a directive.
Demo
Install
1npm install --save-dev vue-portal
or include build/bundle.js.
Usage
1# in your component 2components: 3 "portal": require("vue-portal") 4# or, when using bundle.js 5components: 6 "portal": window.vueComps.portal
1<portal> 2 <span>Will be appended to body</span> 3</portal> 4<portal target="#somewhere"> 5 <span>Will be appended to element with ID somewhere</span> 6</portal>
For examples see dev/.
Props
| Name | type | default | description |
|---|---|---|---|
| target | String or Element | - | where the content will be appended. Defaults to document.body. Uses document.querySelector to convert a String to Element. |
Behavior
Works with v-if but not v-show on <portal>.
1<portal v-if="active"> 2 <span>Will be appended to body</span> 3</portal> 4<portal> 5 <span v-show="active">Will be appended to element with ID somewhere</span> 6</portal>
target prop can be dynamic.
Development
Clone repository.
1npm install 2npm run dev
Browse to http://localhost:8080/.
License
Copyright (c) 2016 Paul Pflugradt Licensed under the MIT license.
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
0 existing vulnerabilities detected
Reason
Found 0/4 approved changesets -- score normalized to 0
Reason
no SAST tool detected
Details
- Warn: no pull requests merged into dev branch
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
license file not detected
Details
- Warn: project does not have a license file
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Score
2.6
/10
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More