officert / vue-friendly-iframe

A Vue js component for creating super fast loading, non-blocking iframes.
https://officert.github.io/vue-friendly-iframe/
307 stars 57 forks source link

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

Documentation

https://officert.github.io/vue-friendly-iframe

Demo

https://officert.github.io/vue-friendly-iframe

Requirements

Installation

Vue Support

Supports on Vue >= 2

Installation and Usage

npm install vue-friendly-iframe --save-dev
import Vue from 'vue';
import VueFriendlyIframe from 'vue-friendly-iframe';

Vue.use(VueFriendlyIframe);

Add the component to your HTML:

<vue-friendly-iframe :src="https://github.com/officert/vue-friendly-iframe/raw/master/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.