<!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>然后現(xiàn)在要單擊對應(yīng)的子組件做到單擊的那個子組件的value+1，其他的value-1
vue 子組件在v-for里如何做到單擊某個子組件value+1，其他子組件value-1?
慕運(yùn)維8079593
2019-03-14 13:15:11
