vue -- 动态加载组件
2019-04-19 15:45
337 查看
原文链接:http://www.cnblogs.com/zjh-study/p/10736364.html
利用component及is占位符即可轻松实现动态切换加载tab栏
语法
<component :is="tabname"></component>
必须是is占位符,不能写别的,通过v-bind指令动态绑定属性
tabname就是我们要显示的组件名称
比如我们创建了三个子组件,并注册到了根组件中:one,two,three
那想要展示哪个子组件,就将组件名赋值给tabname
this.tabname = one
转载于:https://www.cnblogs.com/zjh-study/p/10736364.html
相关文章推荐
- vue组件(全局,局部,动态加载组件)
- vue 循环加载动态组件以及传值
- 权限管理模块中动态加载Vue组件
- vue组件(全局,局部,动态加载组件)
- VUE提取公共css踩小坑 之 动态加载组件
- vue+element-ui el-tree 组件 的动态加载、新增、更新节点
- 详解vue 动态加载并注册组件且通过 render动态创建该组件
- vue中父子组件通过props传递数据,页面加载完毕,父组件数据更新,子组件不动态更新的解决方案
- Vue组件分割 动态加载组件
- 动态加载权限管理模块中的Vue组件
- 浅谈vue 动态加载、注册组件
- Vue加载组件、动态加载组件的几种方式
- Vue动态加载异步组件的方法
- vue 动态加载tab选项卡组件
- 权限管理模块中动态加载Vue组件
- 基于VUE实现组件动态插入
- Vue动态组件
- Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
- extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据
- Vue的slot,transition ,动态组件 和 过滤器