微信小程序项目转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;
},
网友评论