页面传值获得的"true"和"false"是字符串,不是布尔值,所以 <text>{{radioshoworhide'aha':'lll'}}</text> 这里的radioshoworhide是按字符串来处理的,而如果直接拿字符串进行逻辑判断,则凡是有内容的字符串就等价于true,空字符串则等价于false,所以radioshoworhide的值不管是"true"还是"false",判断的结果都是true!
所以要改成这样 <text>{{radioshoworhide=='true''aha':'lll'}}</text>
当然,也可以在setData的时候就进行转换,这样wxml中就不需要修改。
补充一句:用url来传送逻辑值时,最好不要直接用true和false,因为接收方肯定是按字符串来处理参数的,而字符串的"true"和"false"其实都相当于true,所以最好用1来表示true(其他字符也可以的,只要不是空字符),而用空字符来表示false,比如
/doex/doexradioshoworhide=1&multipleshoworhide=&torfshoworhide=
这样的话接收方如果接收到的参数值非空就表示true,空白就表示false
如图所示是接下来需要完成的效果:
页面结构:2个, index (首页)以及 details (详情页),首页是产品列表,点击产品后进入对应的详情页。
首页的wxml结构:
首页的js数据:
对于详情页请求数据,核心在于点击对应产品然后请求对应的产品数据,因此这里的 navigator 组件跳转的url至关重要,这里的 /pages/details/detailsgoodsId={{index} 是模拟了后台提供的数据接口,后面的 goodsId 作为产品的辨识符,当点击之后可以获取到当前点击的是哪个产品,以供详情页进行请求数据。
详情页wxml结构:
详情页js数据:
详情页请求数据的重点在于生命周期函数, onLoad 函数,它可以在页面加载的时候进行触发,并可以通过参数获取到跳转链接上面的辨识符,也就是通过 onLoad 函数中的 options ,获取到了刚才在 indexwxml 页面url中的辨识符: goodId ;
通过它可以获取到对应的产品数据,再将数据进行修改更新到详情页结构 detailswxml 即可。
本案例中跨页面传递数据主要是利用了URL传值,在另外一个页面中接收,并将数据渲染到页面中,这个过程就需要用到生命周期函数:onLoad函数。
通常小程序直接页面传值是通过 url 拼接或利用 storage 。
比如在订单确认页面需要进行收货地址选择会进入到地址选择页面,这个订单确认页面与地址选择页面的通讯就很头疼。
而 getCurrentPages() 刚好解决了这一难题。
使用方法
微信小程序传值以及获取值方法,传值有两种方法,对应也有获取值得方法,
1、设置id的方法标识跳转后传递的参数值;
2、通过使用data - xxxx 的方法来标识要传递的值
1、设置id的方法标识跳转后传递的参数值;
2、通过使用data - xxxx 的方法来标识要传递的值 微信小程序设置id的方法标识来传值在要跳转的item处,设置一个id并给当前的id赋值上对应的key值,比如一部**的id(后面带着id去下一个页面查询,详细信息)如:
后我们在js的bindtap的响应事件中获取,并传递到下一个界面中;
获取到id传的值
通过ecurrentTargetid;获取设置的id值,并通过设置全局对象的方式来传递数值,
获取全局对象 var app=getApp(); //设置全局的请求访问传递的参数 apprequestDetailid=id;
提示:其实我们也可以在,wxml中查看到我们设置的每一个item的id值
通过使用data - xxxx 的方法标识来传值通过使用data - xxxx 的方法标识来传值,xxxx可以自定义取名 比如data-key等等都可以。
如何获取data-xxxx传递的值
在js的bindtap的响应事件中:
通过数据解析一层层找到数据,var id=etargetdatasetid(根据你的data-id的取名)
微信小程序如何跨页面获取值
依据上面的方式设置要传递的值,页面跳转后,我们就需要在下一个页面拿到传递的数据(这个数据在传递前,就已经被设置成全局变量)
在跳转后的js页面,接收传递过来的数据detailjs
同样通过全局额方式取值出来,(即和appjs中取某个变量的值是一样的)
var movieid=getApp()MovieDetailid;
consolelog(movieid);
到此为止,我们数值传递并接收成功,后面就可以根据我们接收的参数,进行进一步的 *** 作了。
以上就是关于微信小程序 变量值不起作用全部的内容,包括:微信小程序 变量值不起作用、微信小程序:详情页请求不同数据的实现原理、微信小程序 getCurrentPages获取当前页面栈等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)