vue事件中点击对象（this）

vue事件中点击对象（this）,currentTarget 和 target的区别

区别如下

• target指向,事件最终所作用于的对象
• currentTarget指向，事件定义时所在的对象

例子如下

<template>
    <div id="this_api">
         <p class="welcome" @click="tap"><i>hellow world!</i></p>
    </div>
</template>

<script>
    export default {
       methods:{
         tap(e){
           let that = e.target
           console.log('target指向,事件最终所作用于的对象')
           console.log(that)        //作用于  i
           that.style.fontWeight = 'bold'

           let current_that = e.currentTarget
           console.log('currentTarget指向，事件定义时所在的对象')
           console.log(current_that)   作用于 p

           alert('请查看控制台')
         }
       }

    }
</script>