微信小程序 页面之间传参实例详解

xiaoxiao2021-02-28  52

转载  发布时间:2017年01月13日 11:36:25   投稿:lqh

这篇文章主要介绍了微信小程序 页面之间传参实例详解的相关资料,需要的朋友可以参考下

微信小程序 传参:

实现效果图:

微信小程序在两个之间传参类似js传递url拼接参数,举个例子来说吧

input自己设置参数

? 1 2 3 4 5 6 7 8 9 //index.wxml <form bindsubmit= "formSubmit" bindreset= "formReset" class= "myform" >   <text class= "prompt" >给自己起个名字吧</text>   <input placeholder= "给自己起个名字吧" name= "uesrname" />   <!--<navigator url= "../logs/logs?title=我是index" >跳转到新页面</navigator>   之间传参-->   <!--<navigator url= "../logs/logs?title=我是index" redirect>在当前页打开</navigator>   -->   <button form-type= "submit" type= "primary" size= "mini" >确定</button>   <button form-type= "reset" type= "warn" size= "mini" >重置</button>   </form> ? 1 2 3 4 5 6 7 8 9 10 formSubmit: function (e){    var da = e.detail.value;    var qu = da.uesrname;    this .setData({     username:qu    }),    wx.navigateTo({     url: '../logs/logs?uesrname=' +qu //qu是上面input输入的值    })   },

logs.js

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 //logs.js    Page({   data: {    motto: 'Hello' ,    userInfo: {},    answer: stringAns,    uesrname: ''  //设置一下接收的变量   },   onLoad: function (option) {    this .setData({     uesrname:option.uesrname    })   },
转载请注明原文地址: https://www.6miu.com/read-2627912.html

最新回复(0)