怎么将拼接的字符串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, {});
     }
 })
相关推荐
Mintopia19 小时前
🌍 跨语言 AIGC:Web 国际化内容生成的多语种模型技术
前端·javascript·aigc
刘发财19 小时前
一行代码将html页面转成矢量PDF
前端·javascript·vue.js
uhakadotcom19 小时前
2025年honojs提供了哪些新的基础能力与API可以使用?
前端·javascript·面试
aidingni88819 小时前
保护你的前端:打造数字堡垒的艺术
前端·javascript
桜吹雪20 小时前
15 个可替代流行 npm 包的 Node.js 新特性
javascript·后端
鹏多多20 小时前
使用React-OAuth进行Google/GitHub登录的教程和案例
前端·javascript·react.js
苏打水com20 小时前
JavaScript 企业面试与学习难度拆解:从0到中高级的阶梯式路线图
javascript
晓得迷路了20 小时前
栗子前端技术周刊第 101 期 - React 19.2、Next.js 16 Beta、pnpm 10.18...
前端·javascript·react.js
艾小码21 小时前
前端人必看!3个技巧让你彻底搞懂JS条件判断与循环
前端·javascript
灵感__idea1 天前
Hello 算法:让前端人真正理解算法
前端·javascript·算法