怎么将拼接的字符串element组件通过“v-html“渲染到页面

如上图所示,没那么多废话,直接上代码

html中
javascript 复制代码
<div id="app">
  	<div :html="tempHtml"></div>
</div>
vue中
javascript 复制代码
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, {});
     }
 })
相关推荐
渴望成为python大神的前端小菜鸟14 分钟前
浏览器及其他 面试题
前端·javascript·ajax·面试题·浏览器
1024肥宅24 分钟前
手写 new 操作符和 instanceof:深入理解 JavaScript 对象创建与原型链检测
前端·javascript·ecmascript 6
关关长语37 分钟前
Vue本地部署包快速构建为Docker镜像
前端·vue.js·docker
soda_yo42 分钟前
浅拷贝与深拷贝: 克隆一只哈基米
前端·javascript·面试
一 乐1 小时前
高校评教|基于SpringBoot+vue高校学生评教系统 (源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·学习
爱分享的鱼鱼1 小时前
Vue生命周期钩子详解与实战应用
前端·vue.js
sosojie2 小时前
and+design的table前端本地分页处理
前端·vue.js
apollo_qwe2 小时前
Vue3 核心设计模式实战:5 种模式 + 可复用代码,覆盖 80% 开发场景
vue.js
用户6600676685392 小时前
从“养猫”看懂JS面向对象:原型链与Class本质拆解
前端·javascript·面试
之恒君2 小时前
JavaScript 对象相等性判断详解
前端·javascript