vue 怎么在子元素中使用父级循环的索引

Question

<div class="historyTag">
           <ul>
                <li class="history">搜索历史</li>
                <li class="clearhistory" v-on:click="clearHistory">清空历史</li>
           </ul>
            <ul>
                <li v-for="(item,index) in this.$store.state.searchArr"  >
<!--                   不包住整个是为了能点击删除 不然跳转-->
                    <router-link to="/mine/searchPage/searchResult" v-on:click="search(item.index,$even,'history')">
                       <span class="itemName">{{item}}</span>
                    </router-link>
                       <span class="deleteIcon"><img v-on:click="deleteHistory(index)" src="../img/playimg/close(2).svg"></span>
                    
                </li>
            </ul>
        </div>

我想在search函数中使用li循环的index索引 请问怎么实现简单的

Answer 1

给 search 添加一个参数，index 作为实参直接用就可以了

如有必要，重命名 index 避免混淆

Answer 2

v-on:click="search(item.index,$even,'history')"

item后面你是不是想写一个逗号？

Answer 3

直接传index不就好了

<router-link to="/mine/searchPage/searchResult" v-on:click="search(index,$even,'history')">