怎么将拼接的字符串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, {});
     }
 })
相关推荐
. . . . .7 分钟前
抽象语法树 AST
javascript
zero159726 分钟前
TypeScript 快速实战系列:基础入门|TypeScript 核心语法 1 小时吃透(必备基础)
javascript·typescript·大模型编程语言
清风絮柳27 分钟前
65.少儿英语微信小程序
vue.js·spring boot·微信小程序·小程序·毕业设计
zzginfo2 小时前
JavaScript 解构赋值
开发语言·javascript·ecmascript
邂逅星河浪漫2 小时前
【JavaScript】==和===区别详解
java·javascript·==·===
Dxy12393102163 小时前
JavaScript 如何捕获异常:从基础到进阶的完整指南
开发语言·javascript·udp
摸鱼仙人~4 小时前
Vue中markdown-it基础使用教程
前端·javascript·vue.js
落魄江湖行4 小时前
入门篇二:Nuxt 4路由自动生成:告别手动配置路由的日子
前端·vue.js·typescript·nuxt4
CQU_JIAKE5 小时前
4.4【Q】
java·前端·javascript
xiaotao1315 小时前
第八章:实战项目案例
前端·vue.js·vite·前端打包