vue动态加载组件,解决v-html渲染组件失效问题
v-html渲染组件会失效,因为v-html只支持html标签。这时候就需要动态渲染组件的时候就使用不了v-html了。
·
v-html渲染组件会失效,因为v-html只支持html标签。这时候就需要动态渲染组件的时候就使用不了v-html了。
动态加载组件代码如下:
<div v-for="(item,index) in showCompList" :key="index">
<componet :is="item.comp">
</div>
components:{
test:()=>import('./test.vue'),
test1:()=>import('./test1.vue'),
test2:()=>import('./test2.vue')
},
data(){
return{
showCompList:[
{comp:'test'},
{comp:'test1'},
{comp:'test2'}
]
}
}
更多推荐
已为社区贡献9条内容
所有评论(0)