Uniapp 中鼠标滑过 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>
<p>在上述代码中，v-for 指令循环遍历 list 数组，并将当前元素的下标绑定到 index 变量中。在 li 元素中，通过 @mouseover 事件监听器来触发 handleMouseover 方法，并将当前 li 元素的下标作为参数传入。在 handleMouseover 方法中，就可以获取到当前 li 元素的下标了。</p>