vue——父子组件间传值

(1)父组件给子组件传值(商品详情页):

根据订单类型,判断显示立即购买/立即拼单:

通过props来传递参数

vue——父子组件间传值

父组件(商品详情页)

父组件调用子组件,在子组件的标签中,通过:数据名称=”数据”的形式,向子组件传值;

vue——父子组件间传值

子组件(cart组件)

子组件通过props获取父组件传过来参数

(2)子组件给父组件处传值(订单列表页):

根据搜索条件,展示搜索结果

vue——父子组件间传值

子组件orderSearch

子组件通过执行事件、或因监听的数据发生变化(传递的起因),this.$emit(‘事件名称A’,数据/方法)的形式,向父元素传值或方法

vue——父子组件间传值

父元素

父元素通过:事件名称A=“父元素事件B”的方法,将子元素传递过来的方法或数据绑定在自身的事件B上

事件B中,param就是子元素传过来的参数

上一篇:Vue父子组件间的通信


下一篇:vue第九单元(非父子通信 events 单向数据流)