vue 多个加减计算

最新推荐文章于 2023-08-22 18:19:51 发布

weixin_30628801

最新推荐文章于 2023-08-22 18:19:51 发布

阅读量980

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wjhaaa/p/9333944.html

版权

cuts:function(idx){
    console.log(idx)
    // if(

this.$refs.idx[idx].textContent<1

) return

this.$refs.idx[idx].textContent--

},
add:function(e,idx){
  console.log(this.$refs.idx[idx].textContent)
 this.$refs.idx[idx].textContent++
}

liList:[{
    id:0,
},{
    id:1,
},{
    id:2,
}]

num:0,

<li v-for="(key,index) in liList" :key="key.id">
    {{key.id}}
    <template>
        <button class="cut" @click="cuts(idx)">-</button>
            <span ref="idx" :id="index" v-model="num">{{num}}</span>
            <button class="add" @click="add($event,index)">+</button>
    </template>
</li>
循环列表,数量声明只有一个.没有做循环,根据index索引值来做点击加减对应的index下的num改变.

转载于:https://www.cnblogs.com/wjhaaa/p/9333944.html