vue在li标签写一个v-for循环，并写一个@click事件，点击弹出一个alert

Question

假如一共循环出来10个li，如果只让前面四个li的点击事件生效应该如何写

Answer 1

可以这样：<ul>&nbsp; &nbsp; <li v-for="(item,index) in data" @click="index>3?getData():''"></li></ul>也可以这样:<ul>&nbsp; &nbsp; <li v-for="(item,index) in data" @click="getData(index)"></li></ul>getData(index){&nbsp; &nbsp; if(index>3}{&nbsp; &nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; }}

Answer 2

我觉得事件委托你把事件绑在ul上，点击判断是否是前四个li

Answer 3

点击事件传一个参数index，根据参数判断是不是alert