加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-17 03:01:17 所属栏目:百科 来源:网络整理
导读:最近在研究vue的路上,那么今天也算个学习笔记吧! 导航按钮: 新车 二手车 车品 div class="tabs" component is:="current" 写3个子组件分别为 js里面用局部组件引入这三个子组件 如果要从父组件里面往这些字组件里面传数据,和普通的父组件-》子组件传递数

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

导航按钮:

新车

二手车

车品

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

写3个子组件分别为

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

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

代码如下:

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

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读