uniapp中当鼠标滑过li时如何获得下标
在uniapp中,可以使用v-for指令循环遍历li元素,并绑定一个事件监听器来获取当前li元素的下标。具体代码如下:
<template>
<ul>
<li v-for="(item, index) in list" :key="index" @mouseover="handleMouseover(index)">{{ item }}</li>
</ul>
</template>
<script>
export default {
data() {
return {
list: ['item1', 'item2', 'item3', 'item4']
}
},
methods: {
handleMouseover(index) {
console.log('当前下标为:', index)
}
}
}
</script>
在上述代码中,v-for指令循环遍历list数组,并将当前元素的下标绑定到index变量中。在li元素中,通过@mouseover事件监听器来触发handleMouseover方法,并将当前li元素的下标作为参数传入。在handleMouseover方法中,就可以获取到当前li元素的下标了。
原文地址: https://www.cveoy.top/t/topic/vkH 著作权归作者所有。请勿转载和采集!