<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> 最近在學Vue，想實現這個功能，就把js代碼拿過來做了修改，但是執行時發現點擊文字并沒有變色，if里打印內容也不執行，想問問大家是哪里出錯了。