Vue如何判斷點(diǎn)擊元素是想要想元素呢?

event.target 是你想要的東西

思維要轉(zhuǎn)變，不要還想著獲取DOM節(jié)點(diǎn)，數(shù)據(jù)驅(qū)動(dòng)，通過(guò)點(diǎn)擊事件改變數(shù)據(jù)
案例
僅供參考
官方文檔

-----回答評(píng)論-----

     <div class="vueBox">
        <ul class="faq_list">
            <li :class="['blue',curIdx==index ? 'red' : 'green']" v-for="(faq,index) in faqList"  @click="selectFaq(event,index)">
                <span  v-text="faq.title"> </span>
            </li>
        </ul>
    </div>
    <script src="js/vue.min.2.5.13.js"></script>
    <script src="js/vue.index.js"></script>

// vue.index.js
var vm = new Vue({
    el: ".vueBox",
    data: {
        arrow:'images/arrow.png',
        curIdx:0,
        faqList:[
            {
                title:'如何上魅力榜',
            },
            {
                title:'如何上貢獻(xiàn)榜',
            },
            {
                title:'如何上cp榜',
            }
        ] },
    created:function() { },
    methods: {
        selectFaq:function(e,index){
            console.log(e); 
            //根據(jù)索引值查找數(shù)據(jù)得到你想要的數(shù)據(jù) 
             console.log(this.faqList[index].title);
            this.curIdx=index;
        },
    }

});

<div :class={active: isClass} @click="handleClick"></div>

data: {
  isClass: false
},
methods: {
  handleClick () {
    this.isClass = true
  }
}

當(dāng)你點(diǎn)擊的時(shí)候，className為active的樣式就綁定上去了