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

Question

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

Answer 1

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


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;
            }
        }
    }
})