<div id="list"> <ul> <li v-on:click="loadAddColor" class="clickBox" v-for="list in lists">{{list.name}}</li> </ul> </div> <script type="text/javascript"> var oUl = document.getElementById("list"); var oLi = oUl.getElementsByTagName("li"); new Vue({ el:"#list", data:{ lists:[ {name:"aaaa"}, {name:"bbbb"}, {name:"cccc"}, {name:"dddd"}, {name:"eeee"} ] }, methods:{ addClass:function(obj){ for(var i=0;i<oLi.length;i++){ console.log("cc"); if(oLi[i] == obj){ oLi[i].className = "on"; }else{ oLi[i].className = ""; } } }, loadAddColor:function(){ for(var i=0;i<oLi.length;i++){ this.$options.methods.addClass(this); } } } }) </script> 最近在學(xué)Vue，想實(shí)現(xiàn)這個(gè)功能，就把js代碼拿過(guò)來(lái)做了修改，但是執(zhí)行時(shí)發(fā)現(xiàn)點(diǎn)擊文字并沒(méi)有變色，if里打印內(nèi)容也不執(zhí)行，想問(wèn)問(wèn)大家是哪里出錯(cuò)了。