如上圖所示，沒(méi)那么多廢話，直接上代碼文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-579828.html
html中
<div id="app">
<div :html="tempHtml"></div>
</div>
vue中
new Vue({
el: '#app',
data() {
return {
tempHtml: ''
}
},
created() {
this.getHtml()
},
mounted() {
window.clickFun = this.clickFun;
},
methods: {
getHtml() {
let template = "<el-button type='primary' size='mini' @click='clickFun()'>查詢</el-button>"
this.tempHtml = template;
},
clickFun() {
console.log(121212);
}
},
render(h) {
const com = Vue.extend({
template: eval('`' + this.tempHtml + '`')
});
return h(com, {});
}
})
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-579828.html
到了這里，關(guān)于怎么將拼接的字符串element組件通過(guò)“v-html“渲染到頁(yè)面的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
