微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

vue中用动态组件实现选项卡切换效果

最近在研究vue的路上,那么今天也算个学习笔记吧!

导航按钮:

rush:xhtml;">
新车

二手车

车品

<div class="tabs">
<component is:="current">

写3个子组件分别为

rush:xhtml;">

js里面用局部组件引入这三个子组件

rush:js;"> //数据里面 data (){ return { a:'tab1' //显示tab1子组件 } } components:{ 'tab1':tab1,'tab2':tab2,'tab3':tab3 }

如果要从父组件里面往这些字组件里面传数据,和普通的父组件-》子组件传递数据是一个道理,只不过在这个里面绑定一次属性,就可以在每个子组件里面都接收到数据,例如:

代码如下:

在子组件里面定义props:[]后,就可以接收到父组件传来的方法,以及数据

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐