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

Question

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

Answer 1

可以这样：

<ul>

    <li v-for="(item,index) in data" @click="index>3?getData():''"></li>

</ul>

也可以这样:

<ul>

    <li v-for="(item,index) in data" @click="getData(index)"></li>

</ul>

getData(index){

    if(index>3}{

        return false;

    }

}

Answer 2

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

Answer 3

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