vue——父子组件间传值

vue

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

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

通过props来传递参数

 

父组件(商品详情页)

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

 

子组件(cart组件)

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

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

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

 

子组件orderSearch

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

父元素

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

 

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

以上是 vue——父子组件间传值 的全部内容, 来源链接: utcz.com/z/378978.html

回到顶部