element计数器问题

1、在element表格内使用计数器(点击效果被覆盖，计数器只能点一次)

当在element表格中只是添加数据的话直接使用

如果在组件之中使用其他组件要添加插槽<slot-scope="scope">

 

 

然后给属性v-model:"scope.row.cartNumber"

 

 2、计数器之间互相产生影响

用element实例循环生成计数器时，绑定了一个全局的num:1,此时点击计数器所有的数据都跟着增大减小。

解决方法：

每一个列表都是一条属性，计数器需要作用在每条数据对象上，之前这个num是个全局的，在第一个地方改了以后，vue是双向的，导致data中num变化，其他dom中绑定他的检测到num变了，就会更新视图.

想要区别开需要去绑定每条数据中的某一个属性，如下