如上图所示,没那么多废话,直接上代码文章来源地址https://www.toymoban.com/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, {});
}
})
文章来源:https://www.toymoban.com/news/detail-579828.html
到了这里,关于怎么将拼接的字符串element组件通过“v-html“渲染到页面的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!