父组件中使用了子组件,运行父组件在开发者工具中可以看见有很多item因为item是在子组件里面循环的,如何在父组件再遍历这若干个item
实在没看懂你的需求 你可以尝试说明的需求 因为你的代码只有你自己了解 我们一时摸不清楚
你这个问题描述,实在是没有看懂你要干啥
直接整个数组传给子组件就可以了,让子组件去循环
没懂,组件接收数据,父级改变数据,为什么要在父级操作子级
不知道在父组件遍历子组件数据具体要做什么
但是常规将父组件要操作子组件dmo、数据,方法在子组件中定义,父组件调用子组件的方法即可
点击左边的类别名称如果被点击的类别名称的id和右边子组件的index索引值对应,右边背景颜色就改变
结合这个需求,其实你直接传递一个当前点击的父组件里的类别ID传递给子组件,子组件通过计算属性去匹配计算返回才是最简单方便的。你原来的思维想着通过比较item的两边的属性值的方式,有点按照以前jquery时代-取dom-对比dom属性-改变 的一种模式了,这种模式不是太适用MVVM框架的。示例
父组件
changeCategory(index,id) {
//这里是否是你的点击选择返回
this.currentCategory=index;
}
子组件上定义一个属性
<GoodsList @showGoodsInfo=" goodsInfo" @activeIndex="currentCategory" :list="goodsList" @chooseSku=" chooseSkuref="child"></GoodsList>
子组件prop接收属性值
export default {
props:{
activeIndex:[String,Number]
}
}