vue事件委托

vue事件委托

• 在vue中完成事件委托是非常方便的
• 例如下面想要点击li标签输入每个li标签的数值

  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
  </ul>

• 在vue中可以直接给ul 添加点击事件, vue框架会自动生成事件托
• 如果想要获取点击的li 标签,只需要再标签属性上添加一个data-index,在通过getAttribute获取值就可以了

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

clickmsg(e) {
   var dom = e.target
   var index = dom.getAttribute('data-index')
   console.log(index)
}