1:vue中使用jq时选择器不能用this的解决方式:
jq中的this是很方便的,比如可以让点击哪个元素哪个元素触发事件--如:
$('.span').click(function(){
$(this).addClass('fanzhuan')
})
但vue中this的指向是vue实例,所以这种$(this)的方式是不能用了,但可以利用eq(index)
<span v-for="(items,index) in selectss" class="spanindex" @click="focus(index)">{{ items }}</span>
methods:{
focus:function(index){
$('.spanindex').removeClass('focse')
$('.spanindex').eq(index).addClass('focse');
}
},
2:v-for在使用嵌套时,template部分也必须是嵌套的,否走会找不到数据:例如
<ul>
<li v-for="item in items">
<ul>
<li v-for="zi_li in item.title"></li>
</ul>
</li>
</ul>
template(html)里这种结构才可以嵌套,相反
<ul>
<li v-for="item in items"></li>
</ul>
<ul>
<li v-for="zi_li in item.title"></li>
</ul>
这种结构是不能嵌套的,找不到数据