31 lines
640 B
Markdown
Executable File
31 lines
640 B
Markdown
Executable File
## Vue
|
|
|
|
Create the following Vue directive
|
|
|
|
```js
|
|
import Vue from 'vue'
|
|
import iframeResize from 'iframe-resizer/js/iframeResizer';
|
|
|
|
Vue.directive('resize', {
|
|
bind: function(el, { value = {} }) {
|
|
el.addEventListener('load', () => iframeResize(value, el))
|
|
},
|
|
unbind: function (el) {
|
|
el.iFrameResizer.removeListeners();
|
|
}
|
|
})
|
|
```
|
|
|
|
and then include it on your page as follows.
|
|
|
|
```html
|
|
<iframe
|
|
v-resize="{ log: true }"
|
|
width="100%"
|
|
src="myiframe.html"
|
|
frameborder="0"
|
|
></iframe>
|
|
```
|
|
|
|
- Thanks to [Aldebaran Desombergh](https://github.com/davidjbradshaw/iframe-resizer/issues/513#issuecomment-538333854) for this example
|