怎么将拼接的字符串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, {});
     }
 })
相关推荐
silent_missile2 小时前
vue3父组件和子组件之间传递数据
前端·javascript·vue.js
克里斯蒂亚诺更新3 小时前
微信小程序app.js中每30秒调用一次wx.getLocation
javascript·微信小程序·小程序
鄃鳕3 小时前
C++坑系列,C++ std::atomic 拷贝构造函数问题分析与解决方案
java·javascript·c++
JIngJaneIL4 小时前
图书馆自习室|基于SSM的图书馆自习室座位预约小程序设计与实现(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·图书馆自习室
少年阿闯~~4 小时前
HTML——1px问题
前端·html
Never_Satisfied4 小时前
在JavaScript / HTML中,实现`<iframe>` 自适应高度
开发语言·javascript·html
koooo~6 小时前
Vue3中的依赖注入
前端·javascript·vue.js
java水泥工7 小时前
网上摄影工作室|基于SpringBoot和Vue的网上摄影工作室(源码+数据库+文档)
数据库·vue.js·spring boot
花花鱼7 小时前
vxe-grid在树形模式下通过$grid.getTableData().fullData无法获取到所有数据的简单处理
vue.js
敲代码的嘎仔7 小时前
JavaWeb零基础学习Day1——HTML&CSS
java·开发语言·前端·css·学习·html·学习方法