小程序地址传值-小程序页面传值、取值的几种方法，以及踩到的坑—

小程序地址传值-小程序页面传值、取值的几种方法，以及踩到的坑——data-取值-小程序页面传值

浏览量：3287 时间：2020-03-20 来源：ChannnXY

1.data-的取值用于从后端取到页面中的值，例如item.id等等，例如在一个文章list中，选取某一篇文章，调取文章的id、title、userName、date等等，这时候也不需要用data-将四个值全部传进来，这样会影响代码美观
2.反面教材{{item.title}}
3.其实只需要传入一个index参数，其他数据在js方法中用articleLis[index].id读取即可，这个index利用wx:for-index=‘idx’引号中的idx是index变量名，后期调用的时候传入data-index=‘{{idx}}’即可取到例如{{item.title}}
4.在js方法中取用时
5.navToArticle:function(e){varindex=e.currentTarget.dataset.index;varid=this.data.articleList[index].id}
6.即可调用，但是要注意，data-后面的变量名全都是是小写，就算你有大写的变量，传回来还是小写例如data-articleId=’{{item.id}}’,在形参中，还是要以全部小写的变量名才能取到：varid=e.currentTarget.dataset.articleid;
7.其次，data-取到的数值都是字符串所以如果有遇到id等数字的取值，记得用parseInt()函数转换类型！否则可能会报错！