父组件传给组件(多个父组件传给一个子组件)props——组件通信

注册界面:手机、个人详情、密码共用一个界面的顶部时:子组件应该是重复最多的界面。

子组件(register_title):在script中,加上

props: ['step'],{{step}}(可选是否显示)

父组件1:

1、导入子组件:

import RegisterTitle from './register_title';

2、在data中加入step:1

3、加上

components:{
    'register-title':RegisterTitle
},

4、

<register-title v-bind:step="step"></register-title>

组件2、3如组件1一致,只是将step:2、step:3

而子组件中,可以用v-bind进行判断,step=1/2/3

共用一个顶部,只需修改顶部内一些内容。

猜你喜欢

转载自blog.csdn.net/weixin_36766850/article/details/85007782
今日推荐