<!DOCTYPE html><html><head> <meta charset="UTF-8"> <script type="text/javascript" src="./vue.js"></script> <title>component-4</title></head><body> <h1>component-4</h1> <hr> <div id="app"> <child v-for="(value,key) in list"></child> </div> <script type="text/javascript"> Vue.component('child',{ template:'<div style="color:red;" @click="setClear">{{value}}</div>', data:function(){ return { value:1 } }, methods:{ setClear:function(){ this.value=0; } } }); var vm=new Vue({ el:'#app', data:{ list:[ {A:1}, {A:2}, {A:3}, {A:4} ] }, methods:{ } }) </script></body></html>然后现在要单击对应的子组件做到单击的那个子组件的value+1，其他的value-1
1 回答
海绵宝宝撒
TA贡献1809条经验 获得超8个赞
<child v-for="(value,key) in list" @click='handleclick(key)'></child>
handleclick(i){
this.list.filter((item,index)=>{
return index==i?item.A+1:item.A-1;
})
}
添加回答
举报
0/150
提交
取消