vueイベント依頼

vueイベント依頼

vueでイベント依頼を完了するのは非常に便利な

です.

例えば以下liタグをクリックして各liタグの数値

を入力する.

  <ul>
    <li>1li>
    <li>2li>
    <li>3li>
    <li>4li>
    <li>5li>
  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)
}