微信小程序 循环事件怎么把前端for循环的index值让当前页的js获取到

在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
getUserInfo: function (cb) {
var that = this
if (this.globalData.userInfo) {
typeof cb == "function" && cb(this.globalData.userInfo)
//调用登录接口
wx.login({
success: function (res) {
var code = res.code
var appid = 'wx66e4ec7b580c2658'
var secret = 'd96fa2ad782a3'
if (res.code) {
// 获取微信运动的数据
wx.getWeRunData({
success(res) {
var encryptedData = res.encryptedData
var iv = res.iv
// 获取用户信息
wx.getUserInfo({
success: function (res) {
that.globalData.userInfo = res.userInfo
typeof cb == "function" && cb(that.globalData.userInfo)
var data = {
appid: appid,
secret: secret,
code: code,
encryptedData: encryptedData,
grant_type: 'authorization_code'
console.log(data)
wx.request({
//获取openid接口
url: 'http://192.168.0.189/net_sindcorp_anniutingwenzhen/web/sports/identify',
data: data,
method: 'GET',
success: function (res) {
console.log(res)
that.globalData.openid = res.data.openid
// that.globalData.firstLogin = res.data.firstLogin
that.globalData.stepInfoList = res.data.stepInfoList
that.globalData.identification = res.data.identification
globalData: {
userInfo: null,
openid: null,
stepInfoList: null,
identification: null
直接在index.js中
app.getUserInfo(function (userInfo) {})中写app.globalData.xxxx是不一定能取到的 值没返回来 这个回调怎么写 或者怎么解决呢
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
把app.js里面的getUserInfo写成一个Promise,然后页面在index.js中,
getApp().getUserInfo().then(v =& {
//你需要做的事情......
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
可以在其他页面中通过
getApp().getUserInfo(function(userinfo){console.log(userinfo);})
这种回调函数来实现。
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
有大神能帮忙看下么
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
在app.js页面中获取后setData 存在globaldata中。我就是在app.js中获取屏幕尺寸然后供其他页面使用的
在其他页面可直接使用:
var windowWidth = getApp().globalData.windowWidth //获取屏幕可使用宽度
同步到新浪微博
分享到微博?
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:
在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。微信小程序 循环输出和获取
wx:for 循环
item输出的前缀 {{index}} 下标 data-id js页面获取的标志
wx:for="{{data}}&
catchtap='address' data-id='{{index}}&
&{{item.title}}\n&
address: function(e){
var that = this
var id = e.currentTarget.dataset.id //获取下标
console.log(id)
console.log(that.data)
that.data 获取 set.Data 的的值
没有更多推荐了,没有做不到的,只有想不到的!
微信小程序项目总结:for循环,绑定点击事件,二维数组列表渲染
一:for循环,绑定点击事件分享者:niedongdong, 最近公司有的项目,本人有幸参与其中,一个项目做下来感觉受益匪浅,与大家做下分享,欢迎沟通交流互相学习。先说一下此次项目本人体会较深的几个关键点:微信地图、用户静默授权、用户弹窗授权、微信充值等等。言归正传,今天分享我遇到的关于wx:for循环绑定数据的一个tips:想必大家的都知道wx:for,如下就不用我啰嗦了:
class="myNew" wx:for="{{list}}"{{item.title}}{{item.content}}
(item即为数组list的每一个子元素)但是,如果循环体内绑定一个点击事件,点击时如何把子元素的内容传进来呢? 如下: list:[
{ "id" : 01 ,
"title" : "第一个标题",
"content":"第一个内容"},{
"id" : 02 ,
"title" : "第二个标题",
"content":"第二个内容"},{ "id" : 03 ,
"title" : "第三个标题",
"content":"第三个内容"}]上面的例子变成如下: class="myNew" wx:for="{{list}}"{{item.title}} bindtap="readDetail"{{item.content}}需要触发readDetail事件时,取到对应的id调接口查看详情。可是小程序又不允许事件名后直接注入id参数。其实,小程序早就想到这一点了,提供了一个 data-any (any任意类型) 方法,此处有借鉴H5中 data- 任意属性的妙处。(小程序给出了示例: data-index,大家可以自行研究。)可以写成如下: class="myNew" wx:for="{{list}}"{{item.title}} bindtap="readDetail" data-id="{{item.id}}"{{item.content}}js文件:
readArticle:function(e){
var $id = e.currentTarget.dataset.id; //打印可以看到,此处已获取到了对应的id
})同理:也可以写成如下: class="myNew" wx:for="{{list}}"{{item.title}} bindtap="readDetail" data-id="{{item.id}}" data-title="{{item.title}}" data-content="{{item.content}}"{{item.content}}js中:readArticle:function(e){
var $data = e.currentTarget.dataset; //打印可以看到,此处已获取到了包含id、title、和content的对象wx.navigateTo({
url: '../myNewsInfo/myNewsInfo?id'+$data.id+"&title="+$data.title+"&content="+$data.content //传参跳转即可
})})二:一些开发小程序时,遇到的问题分享者:Mr.方, 1、JS不能操作css,那么怎么动态添加css呢?答:通过操作item?的true或false,来加入class 例如:2、微信的尺寸rpx?答:以设计稿750px为准,在设计稿上量出多少,就是多少,微信会自动给你适配3、微信小程序api里没有modal?事实上,其实有modal的组件,而且很好用。链接4、小程序中的scroll-view组件不能和textarea一起用,自己写的类似scroll-view组件(overflow-y:auto)也不能一起使用,使用的话,textarea的提示文字和光标会飘,根本无法使用。另外textarea,也不能display:none,最好的方法是用条件判断去控制它wx:if="{{show}}"三:二维数组列表渲染Page({ mapData:[ [{id:11},{id:12}], [{id:21},{id:22}], [{id:31},{id:32},{id:33}] ] }) class="container"
class="map"
wx:for="{{mapData}}"
wx:for="{{item}}" {{item.id}}
没有更多推荐了,微信小程序-wx:for 循环列表
获取了 N 条信息(具体有多少条不确定),如何在界面中动态呈现出来呢?
.wxml 代码
&view wx:for="{{items}}" wx:for-index="index" wx:for-item="item"&
{{index+1}}、{{item.title}}&/view&
核心代码就是 wx:for,对应一个数组。
而 wx:for-index 指明后面如果要用数组索引的话,用什么名字,如果名字是 index,则可省略,直接使用。
而 wx:for-item 指明后面如果要用数组索引对应的项的话,用什么名字,如果名字是 item,则可省略,直接使用。
Page({data: {
"url":"http://127.0.0.1/1.flv",
"title":"这是标题一"
"url":"http://127.0.0.1/2.flv",
"title":"这是标题二"
没有更多推荐了,拒绝访问 | www.th7.cn | 百度云加速
请打开cookies.
此网站 (www.th7.cn) 的管理员禁止了您的访问。原因是您的访问包含了非浏览器特征(43de9-ua98).
重新安装浏览器,或使用别的浏览器}

我要回帖

更多关于 微信小程序 循环事件 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信