怎么将拼接的字符串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 分钟前
2. 内置模块之http模块
javascript·后端
FogLetter3 分钟前
🧙‍♂️ 魔法笔记:JavaScript 词法作用域与闭包的神秘世界
javascript·后端
一颗奇趣蛋8 分钟前
vue性能优化(响应数据&静态数据)
vue.js·性能优化
天天码行空9 分钟前
Bootstrap Table企业级web数据表格集成框架
前端·javascript·开源
Hilaku17 分钟前
用好了 defineProps 才叫会用 Vue3,90% 的写法都错了
前端·javascript·vue.js
英宋20 分钟前
ckeditor5的研究 (2):对 CKEditor5 进行设计,并封装成一个可用的 vue 组件
前端·javascript
古夕20 分钟前
搞定滚动穿透
前端·javascript
英宋20 分钟前
ckeditor5的研究 (3):初步使用 CKEditor5 的 事件系统 和 API
前端·javascript
Danta25 分钟前
从 0 开始学习 Three.js(2)😁
前端·javascript·three.js
Dignity_呱26 分钟前
vue3对组件通信做了哪些升级?
前端·vue.js·面试