vue循环怎么从外部获取一个循环的索引

比如我有一个这样的循环

<div class="" v-for="(items,index) in item" @click="clickAddComment(index)" style="padding:15px;border-bottom:1px solid #000">
  <p>{{items.replyComment}}{{items.comment}}</p>
  <input type="button" name="回复" value="回复" @click="reply(index)">
</div>

我现在可以在循环里获取循环的索引,就是那个index,但是我想在外部获取循环的索引该怎么取?
我现在做的是一个评论功能,现在外部的输入框取接收这个循环的index然后定位到那条数据

阅读 7.8k
2 个回答

this.refs.xxx 如果是v-for会返回数组

自己搞清楚了。。。代码如下

    <div class="" v-for="(items,index) in item" @click="clickAddComment(index)" style="padding:15px;border-bottom:1px solid #000">
  <p>{{items.replyComment}}{{items.comment}}</p>
  <input type="button" name="回复" value="回复" @click="reply(index)">
</div>
<input type="button" name="commit" value="commit" @click="addNewComment(item.$index)">

循环里有一个Index,然后我是用这种方法提取到index的

@click="addNewComment(item.$index)"

js里面的方法

    addNewComment(index){
  let orderNumber = this.index
  this.oldName = this.item[orderNumber].comment
  console.log(this.oldName)
}

这样就可以我点击那条评论,然后按commit按钮,就打印出显示那条评论的数据

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题