当前位置: 首页 > Web前端 > vue.js

【Vue项目】如何在Vue文件中动态插入HTML模板?

时间:2023-03-31 23:09:21 vue.js

1。问题复现:在实际开发中,弹窗由点击事件触发,动态显示模板内容。项目中已经写好了html结构,不想在vue中重写一套。2.尝试:第一个想到的方法就是插值表达式,但是一用结果就错了。插值表达式会把写好的html模板解释成字符串,不会显示在html结构中。例如://你要显示的模板内容{{basinTemplate}}然后你想通过设置innerHTML来操作,但是结构太深,代码太多了3.解决方法:https://forum.vuejs.org/t/vue...原文评论区有个方法让我惊喜。在相应的组件中导入Vue->使用Vue.component("name",{template:

...
})创建一个组件->在你要显示的地方插入组件例如:ps:代码中的PubSub自己搜索,很有用~~~