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

data-的取值用于从后端取到页面中的值，例如item.id等等，例如在一个文章list中，选取某一篇文章，调取文章的id、title、userName、date等等，这时候也不需要用data-将四个值全部传进来，这样会影响代码美观

反面教材

{{item.title}}

其实只需要传入一个index参数，其他数据在js方法中用articleLis[index].id读取即可，这个index利用wx:for-index=‘idx’
引号中的idx是index变量名，后期调用的时候传入data-index=‘{{idx}}’即可取到
例如

{{item.title}}

在js方法中取用时

navToArticle:function(e){
var index = e.currentTarget.dataset.index;
var id = this.data.articleList[index].id
}

即可调用，但是要注意，data-后面的变量名全都是是小写，就算你有大写的变量，传回来还是小写
例如data-articleId=’{{item.id}}’,在形参中，还是要以全部小写的变量名才能取到：var id = e.currentTarget.dataset.articleid;

其次，data-取到的数值都是字符串 所以如果有遇到id等数字的取值，记得用parseInt()函数转换类型！否则可能会报错！