VUE v-for多层嵌套循环怎么取父级的值啊

Question

VUE我想点击删除可以删除当前值，怎么实现啊？谢谢大家。template代码<div v-for="(list,index) in dylist" :key="list">    <a @click="DEL(index)">删除</a>  <div>{{list.title}}</div>    <div v-for="(list1,index) in list.commentlist" :key="list1">    <a @click="DELlist1(index)">删除1</a>    <div>{{list1.title}}</div>        <div v-for="(list2,index) in list1.answerlist" :key="list2">      <div>{{list2.title}}</div>      <a @click="DELlist2(index)">删除2</a>    </div>    </div></div>JS代码

Answer 1

<div v-for="(list,index) in dylist" :key="list">

 

  <a @click="DEL(index)">删除</a>

  <div>{{list.title}}</div>

  

  <div v-for="(list1,index) in list.commentlist" :key="list1">

     <-- 在这儿点击传入cid,其他同理 -->

    <a @click="DELlist1(list1.cid)">删除1</a>

    <div>{{list1.title}}</div>

    

    <div v-for="(list2,index) in list1.answerlist" :key="list2">

      <div>{{list2.title}}</div>

      <a @click="DELlist2(index)">删除2</a>

    </div>

  

  </div>

</div>