vue动态组件如何实现选项卡切换效果
这篇文章主要介绍了vue动态组件如何实现选项卡切换效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
在高安等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站建设、网站设计 网站设计制作按需制作,公司网站建设,企业网站建设,成都品牌网站建设,营销型网站建设,成都外贸网站建设公司,高安网站建设费用合理。
具体内容如下
导航按钮:
新车
二手车
车品
写3个子组件分别为
js里面用局部组件引入这三个子组件
//数据里面 data (){ return { a:'tab1' //默认显示tab1子组件 } } components:{ 'tab1':tab1, 'tab2':tab2, 'tab3':tab3 }
如果要从父组件里面往这些字组件里面传数据,和普通的父组件-》子组件传递数据是一个道理,只不过在这个里面绑定一次属性,就可以在每个子组件里面都接收到数据,例如:
在子组件里面定义props:[]后,就可以接收到父组件传来的方法,以及数据。
感谢你能够认真阅读完这篇文章,希望小编分享的“vue动态组件如何实现选项卡切换效果”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!
当前文章:vue动态组件如何实现选项卡切换效果
标题路径:http://hbruida.cn/article/gooisc.html