常规列表数据用elementUI的el-table标签即可实现,但有些需要自定义列表数据样式的,则需要手写,这样如何做出和el-table一样的效果呢?一下代码可以实现
页面渲染
<div class="list" v-if="tableDate.length" v-infinite-scroll="load">
<div :class="[currentIdx==index?'itemBg':'',currentCheckIdx==index?'checkedItemBg':'']" class="accident-item flex-row" v-for="(item, index) in tableDate" :key="item.eventId" @mouseenter="enter(index)" @mouseleave="leave()" @click="currentCheckIdx=index">
aaaaaaaaaaaaaaa
</div>
</div>
</div>
其中通过ta