关于微信小程序页面传值

方向:

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值};

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • https://nodejs.org/api/documentation.html 工具模块 Assert 测试 ...
    KeKeMars阅读 6,424评论 0 6
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,785评论 18 399
  • 七月份自行车技术可以上路了终于卡在月末有勇气拿到了驾照。终于争取得到了想要的高三任教安排 加油每个月的小目标 八月...
    无言好名字阅读 106评论 0 0
  • 7481-广东-晓燕-同桌 任艳红
    xiaoyan晓燕阅读 140评论 0 0