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

奇招-vue动态渲染html-script模板

时间:2023-03-31 16:15:09 vue.js

vue动态渲染html/script模板场景:页面html,从接口动态获取script,渲染页面。解决方法:1.定义方法newVue(script,html){letmain=eval(`(${script})`);主要的。template=`

${html}
`;newVue({components:{test:main},data(){return{}},template:`
`}).$mount('#app')}}2.调用newVue('{components:{},data(){return{text:'111'}},created(){},mounted(){},methods:{}}','
{{text}}
')显示结果