vue.js - vue自定义的加减组件如何让其不干扰？

问题描述

问 题

如图所示的组件，当我点击上面加时下面的值也进行了改变。
问题：如何让其不相互干扰？

解决方案

 <li> 
                                    <div class="count">
                                        <div @click="count(item ,1)"  style="cursor:pointer;">-</div>
                                        <div>{{item.goodsnumber}}</div>
                                        <div v-on:click="count(item,-1)" class='table-add'>+</div>
                                    </div>
                                </li>
                                
                                
                                

count(val,num){

        if(num>0){
            val.goodsnumber++;
        }else{
            if(val.goodsnumber > 1){ 
                val.goodsnumber--;
            }
        }
    }

这篇关于vue.js - vue自定义的加减组件如何让其不干扰？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！