关于微信小程序页面传值

方向:

1,跨页面传值

2,input输入框值得获取方式

进程:

1,跨页面传值方式

  ->借由navigation标签或者微信api中的 wx.navigation(url)的方式获取 

案例 :(1)单个参数传递,在url后添加?进行参数添加,如下 

案例中的orderId边为即将要传递到order-detail的参数.

页面order-detail的接收是在onLoad监听方法中进行的,如下:

(2)多参数传递,参数与参数之间使用符号&进行连接,示例如图

add-order页面获取参数值得方法与(1)相同,也是在onload监听事件中,通过参数options对象进行获取

(3)对象或json数组值得传递,可以使用JSON.stringify(json)的方式对所传递的参数进行字符串转换

参考示例为:

接收所需操作,将接收到的字符串采用JSON.parse(str)的方法将json字符串转换为JSON对象,如图

2,input输入框值的获取方式一般有两种

(1)通过Input自带的监听事件,通过事件中的event对象,获取其值,即 event.detail.value 即可动态的获取当前输入框的值

(2)input标签放置在form表单中时,form表单可绑定事件 bindsubmit事件中的 event对象获取 ,前提是,所有的input标签必须设置name属性值,

获取值得方式为event.detail.value.{input中你设置的name值};

以上只是我个人经验所得,有需要指点的地方还请大家指正.谢谢~