微信小程序如何从数组里取值_微信小程序 传值取值的几种方法总结

微信小程序如何从数组里取值_微信小程序 传值取值的几种方法总结

 

 

小程序里常见的取值有以下几种，一个完整的项目写下来，用到的概率几乎是100%。

列表index下标取值

页面传值

form表单取值

1. 列表index下标取值

实现方式是：data-index="{{index}}"挖坑及e.currentTarget.dataset.index来填坑即可 。

1.1 生成值

1

删除

在删除图标与文字添加data-index="{{index}}"自定义属性以及绑定点击事件bindtap="delete"

删除{{item}}

实现delete方法，取到index下标值。

 

delete: function (e) {

var index = parseInt(e.currentTarget.dataset.index);

console.log("index" + index);

}

如果不使用e.currentTarget而使用e.target会怎样？

将会导致仅点中才能输出index值，点子元素或将输出NaN。

 

那target有什么用呢，用于区分子元素与外部元素要分别处理时，比如换用户头像的场景，点击头像本身预览大图，而头像所在的点整一行，将是切换头像。

 

1.2 取出值

试图从index数据中找出相应元素删除地址

// 找到当前地址AVObject对象

var address = that.data.addressObjects[index];

// 给出确认提示框

wx.showModal({

title: '确认',

content: '要删除这个地址吗？',

success: function(res) {

if (res.confirm) {

// 真正删除对象

address.destroy().then(function (success) {

// 删除成功提示

wx.showToast({

title: '删除成功',

icon: 'success',

duration: 2000

});

// 重新加载数据

that.loadData();

}, function (error) {

});

}

}

})

2. 页面传值

从收货地址列表页中传地址id到编辑页面，以读取原地址供修改之用

address/list页面实现以下代码

编辑

js:

edit: function (e) {

var that = this;

// 取得下标

var index = parseInt(e.currentTarget.dataset.index);

// 取出id值

var objectId = this.data.addressObjects[index].get('objectId');

wx.navigateTo({

url: '../add/add?objectId='+objectId

});

},

address/add页面实现onLoad(options)方法，从url路径中获取objectId

onLoad: function (options) {

var objectId = options.objectId

}

相关资源：微信小程序传值以及获取值方法的详解_微信小程序取数组里的值...
————————————————
版权声明：本文为CSDN博主「lightsaltroad」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_31302909/article/details/114017547

原文地址：https://www.cnblogs.com/webSnow/p/16407942.html