vue-frame v1.0.7

Vue-frame

A simple component Vue 2.x for prototyping interfaces with iframes.

Install

Using npm:

npm install --save vue-frame

Using yarn:

yarn add vue-frame

Import

import VueFrame from 'vue-frame'
export default {
  components: { VueFrame },
  data () {
    return { /*...*/ }
  },
  methods: { /*...*/ }
}

Usage

This is a project for vue.

<div id="vue-frame">
   <vue-frame text="VueJS" url="https://vuejs.org" frame="myframe" type="button" class="form-control"></vue-frame>
   <vue-frame text="Api Vue" url="https://vuejs.org/v2/api" frame="myframe" type="a"></vue-frame>
   <br />

   <iframe id="myframe" width="800"></iframe>
</div>

<script src="/dist/vue-frame.js"></script>

The rendered elements look like this:

PropTypes

Example

<vue-frame text="VueJS" url="https://juliandavidmr.github.io" frame="idframe" type="div" class="form-control"></vue-frame>

Use CDN

<script src="https://unpkg.com/vue-frame@1.0.6/dist/vue-frame.js"></script>

See example with cdn index.html

Development

Contributing

License

MIT @juliandavidmr