h5_since
since �
采纳率100%
2019-10-17 23:04

看图片,怎么可以在点击+/-的时候,只改变点击的那个的input的值

已采纳

图片说明图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • weixin_42603344 于金冬 2年前

    把循环部分做成独立组件,然后在组件内部控制各自的数据

    Vue.component('demo', {
      data: function () {
        return {
          count: 0
        }
      },
      methods: {
        increase() {
            this.count += 1;
        },
        reduce() {
            this.count -= 1;
        }
      }
      template: '<div><span @click="reduce">-</span><input v-model="count" /><span @click="increase">+</span></div>'
    });
    
      <li v-for="">
            <demo/>
        </li>
    
    点赞 评论 复制链接分享
  • MiSenLMX boyMiSen 2年前

    不行的楼主,vmodel绑定的都是同一个变量a,你让a怎么分身呢?
    应该多来几个,a,b,c,d。然后绑定不同变量就可以了

    点赞 评论 复制链接分享