码迷,mamicode.com
首页 > 其他好文 > 详细

vue -- 动态加载组件

时间:2019-04-19 16:03:18      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:占位符   strong   pre   切换   str   显示   class   vue   创建   

利用component及is占位符即可轻松实现动态切换加载tab栏
语法

<component :is="tabname"></component>

必须是is占位符,不能写别的,通过v-bind指令动态绑定属性
tabname就是我们要显示的组件名称
比如我们创建了三个子组件,并注册到了根组件中:one,two,three
那想要展示哪个子组件,就将组件名赋值给tabname

this.tabname = one

vue -- 动态加载组件

标签:占位符   strong   pre   切换   str   显示   class   vue   创建   

原文地址:https://www.cnblogs.com/zjh-study/p/10736364.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!