怎么将拼接的字符串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, {});
     }
 })
相关推荐
飞天大河豚1 小时前
2025前端框架最新组件解析与实战技巧:Vue与React的革新之路
vue.js·react.js·前端框架
十步杀一人_千里不留行2 小时前
React Native 下拉选择组件首次点击失效问题的深入分析与解决
javascript·react native·react.js
zy0101012 小时前
HTML列表,表格和表单
前端·html
customer083 小时前
【开源免费】基于SpringBoot+Vue.JS医疗报销系统(JAVA毕业设计)
java·vue.js·spring boot·后端·开源
道不尽世间的沧桑3 小时前
第9篇:插槽(Slots)的使用
前端·javascript·vue.js
B站计算机毕业设计超人3 小时前
计算机毕业设计SpringBoot+Vue.jst房屋租赁系统(源码+LW文档+PPT+讲解)
vue.js·spring boot·后端·eclipse·intellij-idea·mybatis·课程设计
bin91533 小时前
DeepSeek 助力 Vue 开发:打造丝滑的滑块(Slider)
前端·javascript·vue.js·前端框架·ecmascript·deepseek
杰九4 小时前
【环境配置】maven,mysql,node.js,vue的快速配置与上手
java·vue.js·spring boot·mysql·node.js·maven
GISer_Jing4 小时前
Node.js中如何修改全局变量的几种方式
前端·javascript·node.js
秋意钟4 小时前
Element UI日期选择器默认显示1970年解决方案
前端·javascript·vue.js·elementui