wxml
<view class="lis1" wx:for="{{materialList}}" wx:key="{{index}}">
<view class="lis1_left wxellipsis">{{item.name}}</view>
<view class="lis1_right">
<view wx:for="{{item.lis}}" wx:key="*this" wx:for-item="itemList" wx:for-index="indexList" class="lis1_rightLis wxellipsis {{item.choose == indexList ? 'lis1_rightLisDe' : '' }}" data-item = '{{item}}' data-index = '{{index}}' data-listIndex = "{{indexList}}" bindtap="cailiao">{{itemList}}</view>
</view>
</view>
js
data: {
materialList: [
{
name: '板材',
choose: 0,
lis: ['3.00', '1.20', '1.00', '1.80', '全部']
},
{
name: '材质',
choose: 0,
lis: ['FR-4', 'CEM-1', 'FR-1', '铝基板', '全部']
},
{
name: '铜厚',
choose: 0,
lis: ['H/0', '1/0', 'H/H', '1/1', '全部']
},
{
name: '品牌',
choose: 0,
lis: ['建滔', '招远', '国纪', '航宇', '全部']
}
]
},
//choose 这个东西是自定义拿到后添加进去的作为标识
//通过修改choose去更新点击的事件 如果有进一步的操作可以先请求要的数据在更新
cailiao(e) {
console.log(e)
let index1 = e.target.dataset.index;
this.setData({
['materialList[' + index1 + '].choose']: e.target.dataset.listindex
})
},