怎么将拼接的字符串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, {});
     }
 })
相关推荐
雾恋2 小时前
最近一年的感悟
前端·javascript·程序员
华仔啊2 小时前
Vue3 的 ref 和 reactive 到底用哪个?90% 的开发者都选错了
javascript·vue.js
A黄俊辉A3 小时前
axios+ts封装
开发语言·前端·javascript
小李小李不讲道理3 小时前
「Ant Design 组件库探索」四:Input组件
前端·javascript·react.js
郑板桥304 小时前
tua-body-scroll-lock踩坑记录
前端·javascript
小*-^-*九4 小时前
php 使用html 生成pdf word wkhtmltopdf 系列2
pdf·html·php
IT古董5 小时前
Vue + Vite + Element UI 实现动态主题切换:基于 :root + SCSS 变量的最佳实践
vue.js·ui·scss
解道Jdon5 小时前
SpringBoot4与Spring7发布:云原生深度进化
javascript·reactjs
gnip6 小时前
pnpm 的 monorepo架构多包管理
前端·javascript
zolty6 小时前
基于hiprint的票据定位打印系统开发实践
javascript