美文网首页
微信小程序页面跳转并传值

微信小程序页面跳转并传值

作者: 丶卟將就 | 来源:发表于2018-02-06 10:14 被阅读23次

            最近要公司要开发一个微信小程序,对于一个开发android开发的我,不得不去学习一下,查看相关文档。每走一步就是一个坑,如果会H5开发,那应该很快就上手吧。

            目前就是要实现list中item点击,并传递url字符串到webView(2017.11月才公布API,不过目前只有两条属性),查了好多文档,看别人的写的可能有点乱,所以在这记录一下。

            这里我是使用的for循环来遍历列表,记得要绑定数据,对这个item进行事件绑定,

    方法一:定义id(为后面获取数据做准备)。<view bindtag='clickNew' id={{item.contentUrl}}></view>,这里的contentUrl是我要传递的url字符串(解析数据中的一个字段),接着便是在js文件中处理点击事件和数据处理。

    wx.setStorageSync(key,value)是用来存数据的,相同key会覆盖,event.currentTarget.id可以得到当前组件的id(前面是将item.contentUrl定义为id),然后就是页面跳转。跳转后的页面,在onLoad方法中获取这个临时存储的数据, var contentUrl = wx.getStorageSync('contentUrl');

    方法二:通过在item上定义 data-url='{{item.contentUrl}}'来传值,数据还是跟方法一一样,然后我们通过             var data = e.currentTarget.dataset;来获取当前item上数据集,并通过data.的方式来获取刚才定义下标对应的值,跳转时在尾部跟上要传递的数据,这里我是传递的url,即?url=

    在跳转后,我们要获取到数据,通过var data = options.url;即:

    目前只研究了这两中获取数据的方式,微信小白,大神勿喷

    相关文章

      网友评论

          本文标题:微信小程序页面跳转并传值

          本文链接:https://www.haomeiwen.com/subject/utnwzxtx.html