微信小程序的推出,无疑将会在移动互联网行业里再次掀起风浪。
有人会质疑小程序会不会火, 会不会火我不知道, 看微信的用户量即可明白一切。
微信小程序-参数传递
这里我找到两种小程序上的参数传递方式,为了方便,我单独拿出来和大家分享下.
一、通过事件进行参数传递
先来看眼小程序对事件的定义:
#什么是事件"color: #0000ff"> <view id="tapTest" data-hi="MINA" bindtap="tapName"> Click me! </view>
逻辑.js
Page({ tapName: function(event) { console.log(event.target) } })
log打印
可以看到 dataset 里面就是我们设置的data-hi="MINA"的值了。现在我们来看下刚刚我们写的, 首先 bindtap,以bind开头的就是要给他绑定个事件,这个事件的名字就是“=”号后面的数值就是绑定的事件名称,需要在 逻辑【js】层定义上。 然后就是传值了,注意到的朋友可以看到 我们这里写了data-hi 和我们平时写js的传值是同一个定义方法。这个data-*就对应事件的属性target里的dataset 值。这里我们需要调用的话就是 event.target.dataset.hi就能取到data-hi所对应的值。
这里需要注意下 data的定义名称: 书写方式: 以data-开头,多个单词由连字符-链接,不能有大写(大写会自动转成小写)如data-element-type,最终在 event.target.dataset 中会将连字符转成驼峰elementType。
官方示例:
<view data-alpha-beta="1" data-alphaBeta="2" bindtap="bindViewTap"> DataSet Test </view> Page({ bindViewTap:function(event){ event.target.dataset.alphaBeta == 1 // - 会转为驼峰写法 event.target.dataset.alphabeta == 2 // 大写会转为小写 } })
二、navigator 跳转url传参
*.wxml
<view class="btn-area"> <navigator url="navigate" hover-class="navigator-hover">跳转到新页面</navigator> <navigator url="redirect" redirect hover-class="other-navigator-hover">在当前页打开</navigator> </view>
*.js 跳到新页面之后在onload里面直接接收参数,接收方法也就是 options.[参数值]
Page({ onLoad: function(options) { this.setData({ title: options.title }) } })
好啦,今天就写到这里,我顺便把文档链接写上,上面写的文档里都有。我只是把它们搬出来了,用我的话说了一遍。 …(⊙_⊙;)…
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。