Loops Vue-从迭代列表中的子组件向父LI添加类?
从Loops Vue-从迭代列表中的子组件向父LI添加类?,loops,vue.js,indexing,Loops,Vue.js,Indexing,从向迭代列表中的父li添加类的最佳方法是什么 父组件 //等待子项添加活动项 导出默认值{ 方法:{ handleActiveClass(){ //我不确定这里。。。 }, }, }; 子LI组件 将类“active”添加到我的父级 导出默认值{ 道具:[“道具”], 方法:{ setActive(){ this.emit('addActiveClass',this.i); }, }, }; 假设您一次只需要一个活动类,请在父组件中添加数据属性以跟踪活动项 数据:()=>({ act
向迭代列表中的父li添加类的最佳方法是什么
父组件
- //等待子项添加活动项
导出默认值{
方法:{
handleActiveClass(){
//我不确定这里。。。
},
},
};
子LI组件
将类“active”添加到我的父级
导出默认值{
道具:[“道具”],
方法:{
setActive(){
this.emit('addActiveClass',this.i);
},
},
};
假设您一次只需要一个活动类,请在父组件中添加数据属性以跟踪活动项
数据:()=>({
activeItem:null,
列表:[//随便什么
})
在您的子组件中
,您可以发出一个事件来表示激活
setActive(){
this.$emit('add-active-class')//注意事件名称大小写
}
并在父模板中使用
我不确定如何处理项目
。它在父级中未定义。我需要父级中的处理程序方法吗?抱歉@KirkRoss,我不知道你的意思<代码>项在v-for
中定义。啊。。。糟糕的是,对于这个例子,我把它改为item,因为我真正的代码的名字很奇怪。谢谢