vue append html,vue-append

vue-append, like v-html directive, but it can call javascript function

vue-append

vue-append, like v-html directive, but it can call javascript function

Install

npm install vue-append --save

# or

yarn add vue-append

Es6 module

Available through npm as vue-append.

import VueAppend from 'vue-append'

Vue.use(VueAppend)

CommonJS

var VueAppend = require('vue-append')

Vue.use(VueAppend)

Direct include

You can also directly include it with a tag. It will automatically install itself, and will add a global VueAppend.

Event

appended

if html append , script downloaded and no throw error, it will fire appended event.

appenderr

if throw error when html appended, it will fire appenderr event.

Usage

Using the v-append directive

template:

js:

import Vue from 'vue/dist/vue.esm'

import VueAppend from 'vue-append'

// use the plugin

Vue.use(VueAppend);

const html = `

1

integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="

crossorigin="anonymous">

var i = 1;

setInterval(function() {

document.getElementById("test").innerHTML = ++i;

}, 1000);

`;

new Vue({

el: '#app',

data: {

html: html

},

methods: {

appended() {

console.log('appended!');

// could use jQuery 😊

alert(window.jQuery);

}

}

});

See /example for a timer demo. To build it, run npm install && npm run build.

License

HomePage

Repository