鍍金池/ 問答/HTML/ vue中怎樣讓子組件直接將index傳遞給父級？

vue中怎樣讓子組件直接將index傳遞給父級？

怎樣讓子組件直接將index傳遞給父級！

clipboard.png
clipboard.png

我知道父級傳遞給子集，子集接受用props

子集發(fā)送index給父級用$emit,

但是我想在這個循環(huán)之中實現(xiàn)index的互相傳遞，怎么搞？

求指點求指點求指點？謝謝謝謝

回答
編輯回答
傲嬌范

正常情況下，你是watch不到v-for中的index的，這意味著你并不能檢測到index的每一次改變并通知父組件。
我猜想你的需求是：當(dāng)子組件改動時，例如點擊某一個checkbox了，告訴父組件已選中的子組件列表；又或者是，在某一個時刻，父組件告訴子組件，哪一個應(yīng)該被選中（通常用于初始化頁面時，勾選上默認已有的checkbox）。但是這種需求可以通過v-model然后watch實現(xiàn)。
說這么多，抱歉我是真有沒整明白你想弄啥！

2018年7月13日 16:14
編輯回答
兮顏

父傳index給子用props,子再把改變的index傳給父用自定義事件
其實父傳子，子傳父不就形成一個循環(huán)了嗎？

2018年4月7日 07:49
編輯回答
朕略傻
    <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">&#xe601;</i>
                        </div>                                       
                        <div class="to-top">                         
                            <i class="iconfont toTop">&#xe603;</i>
                        </div>                                       
                        <div class="to-delete">                      
                            <i class="iconfont toDelete">&#xe602;</i>
                        </div>
                        <div class="to-edit">                      
                            <i class="el-icon-edit"></i>
                        </div>
                    </div> 
            </div>
    </div>

二維數(shù)組，要循環(huán)就在里面循環(huán)，不能在外面循環(huán)

2018年9月16日 21:50