美文网首页
uni-app中data-不能传对象

uni-app中data-不能传对象

作者: 前端里程 | 来源:发表于2019-07-17 18:32 被阅读0次

微信小程序项目转H5页面遇到一个data-不能传对象问题
问题代码

<view :class='[curIndex == index?"active":""]' 
  v-for="(item,index) in infoData" 
  :key="index" 
  :data-index="index"
  :data-item="item"
  @tap='curTime'>{{item.TITLE}}</view>
curTime(e) {
  this.curItem = e.currentTarget.dataset.item;//这里item是一个[Object Object]字符
  this.curIndex = e.currentTarget.dataset.index;
 },

uni-app的JS写法是Vue的方式可以@tap='curTime(index,item)'的方式传参,但我想保留:data-index="index"的传参方式,所以试出了下面的方式。$event可以保留方法默认对象

<view :class='[curIndex == index?"active":""]' 
  v-for="(item,index) in infoData" 
  :key="index" 
  :data-index="index"
  @tap='curTime($event,item)'>{{item.TITLE}}</view>
curTime(e,item) {
  this.curItem = item;//这里item是一个就是想要的对象了
  this.curIndex = e.currentTarget.dataset.index;
 },

相关文章

网友评论

      本文标题:uni-app中data-不能传对象

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