需要在vue-seamless-scroll外层定义一个div然后写上@click=“handleClick($event)”
在vue-seamless-scroll里循环的内容,标签上添加:data-obj=“JSON.stringify(list)”,
我这里添加那么多,因为有的找不到,所以一个一个试的
<div style="padding: 0 16px 0 18px;box-sizing: border-box;height: 162px;overflow: hidden;" @click="handleClick($event)">
<vue-seamless-scroll :data="shiList" :class-option="defaultOption">
<div class="jiedao_mun" v-for="(list,index) in shiList" :data-obj="JSON.stringify(list)">
<div style="display: flex;" :data-obj="JSON.stringify(list)">
<p class="shijian_bg" :data-obj="JSON.stringify(list)" :class="[list.typeID == 2 ? 'shijian_bg2' : list.typeID == 3 ? 'shijian_bg3' : '',]">{{list.typeName}}</p>
<p :data-obj="JSON.stringify(list)">{{list.title}}</p>
</div>
<p :data-obj="JSON.stringify(list)">
<span :data-obj="JSON.stringify(list)" style="margin-right: 60px;">{{list.eName}}</span>
<span :data-obj="JSON.stringify(list)">{{list.time}}</span>
</p>
</div>
</vue-seamless-scroll>
</div>
然后在点击事件取值
methods: {
handleClick(e){
let InfoAnync = JSON.parse(e.target.dataset.obj)
},
}