02 - 传参问题

一、.wxml 获取 .js 定义的数据：

{{data}}

二、.js 获取 .wxml 的数据，一般都是在 event 中，

image.png

三、跨组件传参

1、 .js 通过 wx.navigateTo 切换组件，？后拼接参数

image.png

2、切换的组件 .js文件中，通过 options 获取参数

image.png

参考链接： https://zhidao.baidu.com/question/693539866984863884.html?fr=iks&word=%CE%A2%D0%C5+navigateTo+%C8%E7%BA%CE%BB%F1%C8%A1%BA%F3%C3%E6%B5%C4%B2%CE%CA%FD&ie=gbk

四、调用公共区域的参数或函数

1、参数

1、在 app.js 中 的app({}) 定义参数

image.png

2、通过全局函数 getApp() 获取全局实例（不可在page({})内）

image.png

3、在其他组件获取公共参数 通过 app.globalData

image.png

4、改变公共参数：app.公共对象.对象的键值 = 想赋的值

image.png

2、函数

1、通过全局函数 getApp() 获取全局实例（不可在page({})内）

image.png

2、在 app.js 中定义函数

image.png

3、在其他组件调用：app.fn()

image.png

五、组件内部 - 定义、获取、改变参数

1、在组件中定义参数

image.png

2、获取组件定义的参数：this.data.postList

image.png

3、改变组件里的参数 this.setData({})

image.png

六、通过文件地址传参

1、在文件页面

image.png

2、在组件中引入文件(不可在 page({})内 )

image.png

3、将数据赋给组件中定义的参数

image.png