账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 子组件在v-for里如何做到单击某个子组件value+1,其他子组件value-1?
    26
    0
    <!DOCTYPE html>
    <html lang="en">
    <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

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部