html的vue,vue-html-js

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

vue-html-js, like v-html directive, but it can call both inline and external javascript

Install

npm install vue-html-js --save

# or

yarn add vue-html-js

Es6 module

Available through npm as vue-html-js.

import VueHtmlJs from 'vue-html-js';

Vue.use(VueHtmlJs);

CommonJS

var VueHtmlJs = require('vue-html-js');

Vue.use(VueHtmlJs);

Direct include

You can also directly include it with a

Event

appended

if html append 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:

content is the html string

script is the regular expression that matches src in the

If there is a match, it will insert the script into DOM and run the script.

js:

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

import VueHtmlJs from 'vue-html-js';

// use the plugin

Vue.use(VueHtmlJs);

const html = `

1

var i = 1;

setInterval(function() {

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

}, 1000);

`;

new Vue({

el: '#app',

data: {

content: html

},

methods: {

appended() {

console.log('appended!');

}

}

});

License

HomePage

Repository