• vue——父子组件间传值


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

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

    通过props来传递参数

     

    父组件(商品详情页)

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

     

    子组件(cart组件)

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

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

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

     

    子组件orderSearch

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

    父元素

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

     

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

  • 相关阅读:
    页面 笔记
    快速统计一个数二进制中1的个数
    [JAVA] String 拼接效率
    [JAVA] String常用方法
    [letcode] 832 Flipping an Image
    [java]冒泡排序
    SharedPreferences
    归并排序
    安全退出调用多个Activity的Application
    Activity生命周期
  • 原文地址:https://www.cnblogs.com/tongjiaojiao/p/10442755.html
Copyright © 2020-2023  润新知