javascript - vue.js input加减怎么实现

问题描述

问 题

<div class="min " name="">-</div>
    <input class="text-box" name="pricenum" type="tel" v-model="counter" placeholder="请输入价格" onkeyup="onKeyPrice(this);" maxlength="12 " />
<div class="add" name="">+</div>

解决方案

<div id="app">
    <div class="min" name="" v-on:click="min">-</div>
        <input class="text-box" name="pricenum"  type="tel" v-model="counter" placeholder="请输入价格"  maxlength="12 " />
    <div class="add" name="" v-on:click="add">+</div>
</div>


new Vue({
    el: '#app',
    data: {
        counter: 0,
    },
    methods: {
        add: function() {
            this.counter = parseInt(this.counter) + 1;
        },
        min: function(){
            if(this.counter > 0){
                this.counter = parseInt(this.counter) - 1;
            }
        }
    }
})

这篇关于javascript - vue.js input加减怎么实现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！