小程序学习笔记 子组件与父组件之间互相传值

1.子组件与父组件之间互相传值

(1)通过属性  父组件向子组件传值

   核心代码:

子组件在data中定义一个值

小程序学习笔记 子组件与父组件之间互相传值_第1张图片

 页面中传递给 组件

小程序学习笔记 子组件与父组件之间互相传值_第2张图片

 子组件通过properties接收

小程序学习笔记 子组件与父组件之间互相传值_第3张图片

 子组件页面上直接使用

小程序学习笔记 子组件与父组件之间互相传值_第4张图片

(2) 通过自定义方法 子组件向父组件传值

父组件中自定义个一个自定义方法

小程序学习笔记 子组件与父组件之间互相传值_第5张图片

 父组件页面上绑定这个方法传递给子组件

小程序学习笔记 子组件与父组件之间互相传值_第6张图片

 子组件通过triggerEvent(事件名称,传递参数)来触发方法的调用 即可把传递的值传递给父组件

小程序学习笔记 子组件与父组件之间互相传值_第7张图片

(3)获取组件实例

可以在父组件里调用this.selectComponent("id或class选择器"),获取子组件的实例对象,从而直接访问子组件的任意数据和方法,调用时需要传入一个选择器,例如this.selectComponent(".my-component")

你可能感兴趣的:(小程序学习,学习)