UNPKG

vue-friendly-iframe

Version:

Vue component for creating dynamic async iframes

43 lines (27 loc) 1.1 kB
# vue-friendly-iframe > Vue js component for creating dynamic async iframes based on Aaron Peter's article: http://www.aaronpeters.nl/blog/iframe-loading-techniques-performance [![npm version](https://badge.fury.io/js/vue-friendly-iframe.svg)](https://badge.fury.io/js/vue-friendly-iframe) ## Documentation [https://officert.github.io/vue-friendly-iframe](https://officert.github.io/vue-friendly-iframe) ## Demo [https://officert.github.io/vue-friendly-iframe](https://officert.github.io/vue-friendly-iframe) ## Requirements * [Vue.js](http://vuejs.org/) (^v2.1.4) ## Installation ## Vue Support Supports on Vue >= 2 ## Installation and Usage ```javascript npm install vue-friendly-iframe --save-dev ``` ```javascript import Vue from 'vue'; import VueFriendlyIframe from 'vue-friendly-iframe'; Vue.use(VueFriendlyIframe); ``` Add the component to your HTML: ```html <vue-friendly-iframe :src="example1Form.src" @load="onLoad"></vue-friendly-iframe> ``` ### Contributing Pull requests are welcome, or open up an issue if you have ideas for additional functionality, new features or bugs.