wxml代码
<view
class="navtext"
style="{{ index === currentInexNav ? 'color:red' : '' }}"
bindtap="avtiveNav"
data-index="{{ index }}"
wx:for="{{ navtext }}"
wx:key="index">
{{ item.name }}
</view>
js代码
Page({
/**
* 页面的初始数据
*/
data: {
navtext: [
{ name: '精选', id: 1 },
{ name: '番剧', id: 2 },
{ name: '分区', id: 3 },
{ name: '小视频', id: 4 },
{ name: '夏日交易战', id: 5 },
],
},
// 给循环结构添加点击样式
avtiveNav(e){
console.log(e.target.dataset.index)
this.setData({
currentInexNav:e.target.dataset.index
})
},
})