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

0 0 vue.js vue-loader
半盛&梦夏
半盛&梦夏

声望值:149 0人

2019-02-11 14:43:49 提问

关注 0关注

收藏 0收藏, 127浏览

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

clipboard.png
clipboard.png

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

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

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

求指点求指点求指点?谢谢谢谢

请先 登录 后评论

3个回答

  • 小爷ㄆ我不在乎ツ45声望 2018-09-25 09:27

    父传index给子用props,子再把改变的index传给父用自定义事件其实父传子,子传父不就形成一个循环了吗?
    请先 登录 后评论
  • ♣ 五 毛298声望 2018-09-25 09:28

    正常情况下,你是watch不到v-for中的index的,这意味着你并不能检测到index的每一次改变并通知父组件。我猜想你的需求是:当子组件改动时,例如点击某一个checkbox了,告诉父组件已选中的子组件列表;又或者是,在某一个时刻,父组件告诉子组件,哪一个应该被选中(通常用于初始化页面时,勾选上默认已有的checkbox)。但是这种需求可以通过v-model然后watch实现。说这么多,抱歉我是真有没整明白你想弄啥!
    请先 登录 后评论
  • 写bug小shuai336声望 2018-09-25 09:32

    <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> 二维数组,要循环就在里面循环,不能在外面循环
    请先 登录 后评论

注册新账号

悬赏追问
10
  • 10
  • 20
  • 50
  • 100
  • 200
  • 输入数值
发布追问