var city = new Vue({
el:'.city',
data:{
choices:[
{cities:'北京'},
{cities:'上海'},
{cities:'福州'},
{cities:'廣州'},
{cities:'青島'}
]
},
methods:{
changeCity:function(){
$(this).css('color','red').siblings().css('color',''); //問題在這里,這里的this好像不是指向點擊的那個元素,好像是指向vue里面的,該怎么辦?
}
}
});<p class="city"> 切換城市:
<a href="#" v-on:click="changeCity" v-for="item in choices">
{{item.cities}}
</a>
</p>
關于vue的this指向
開心每一天1111
2018-08-02 05:06:49