vue事件代理

點擊li打印它的index

    <ul>
      <li v-for="(item,index) in list" :key="index" @click="handleClick(index)">{{item}}</li>
    </ul>

    handleClick(index) {
      console.log(index)
    }

事件代理的方式：

給父元素綁定點擊事件，給當前元素綁定自定義屬性，屬性值為下標

    <ul @click="handleClick">
      <li v-for="(item,index) in list" :key="index" :my-index='index'>{{item}}</li>
    </ul>

通過e.target.getAttribute()可以獲取自定義的標簽屬性

    handleClick(e) {
      const index = +e.target.getAttribute('my-index')
      console.log(index)
    }