在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元素的下标了。

uniapp中当鼠标滑过li时如何获得下标

原文地址: https://www.cveoy.top/t/topic/vkH 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录