vue中怎样让子组件直接将index传递给父级？

Question

怎样让子组件直接将index传递给父级！

我知道父级传递给子集，子集接受用props

子集发送index给父级用$emit,

但是我想在这个循环之中实现index的互相传递，怎么搞？

求指点求指点求指点？谢谢谢谢

Answer 1

    <div class="danxuanAll" v-if="danxuanAll.length>0">
            <div class="danxuanAll" v-for="(danxuan , index) in danxuanAll" :key="index">
                    <h3 style="margin-bottom:13px;">{{index+1}}、{{danxuan[0][0]}}</h3>
                    <div class="danxuanAlln" v-for="(item , indexx) in danxuan[2]" :key="indexx">
                        <div :key="indexx" v-if="danxuan[2].length === 1">
                            <el-radio-group v-model="item['radio' + indexx]" :key="indexx" @change="changeHandler">
                                <el-radio v-for="(list, idxx) in item.data" :label="list" :key="idxx">{{ list }}</el-radio>
                            </el-radio-group>
                        </div>
                        <div v-else :key="indexx">
                            <el-checkbox-group  v-model="checkList" :key="indexx" @change="changeHandler">
                                <el-checkbox :label="item">{{item}}</el-checkbox>
                            </el-checkbox-group>
                        </div>
                    </div>
                    
                    <div class="imgIcon">                            
                        <div class="to-down">                        
                            <i class="iconfont toDown"></i>
                        </div>                                       
                        <div class="to-top">                         
                            <i class="iconfont toTop"></i>
                        </div>                                       
                        <div class="to-delete">                      
                            <i class="iconfont toDelete"></i>
                        </div>
                        <div class="to-edit">                      
                            <i class="el-icon-edit"></i>
                        </div>
                    </div> 
            </div>
    </div>

二维数组，要循环就在里面循环，不能在外面循环

Answer 2

父传index给子用props,子再把改变的index传给父用自定义事件
其实父传子，子传父不就形成一个循环了吗？

Answer 3

正常情况下，你是watch不到v-for中的index的，这意味着你并不能检测到index的每一次改变并通知父组件。
我猜想你的需求是：当子组件改动时，例如点击某一个checkbox了，告诉父组件已选中的子组件列表；又或者是，在某一个时刻，父组件告诉子组件，哪一个应该被选中（通常用于初始化页面时，勾选上默认已有的checkbox）。但是这种需求可以通过v-model然后watch实现。
说这么多，抱歉我是真有没整明白你想弄啥！