Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/loops/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Loops Vue-从迭代列表中的子组件向父LI添加类?_Loops_Vue.js_Indexing - Fatal编程技术网

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,因为我真正的代码的名字很奇怪。谢谢