javascript - vue.js 中的计数器不增加

Question

我有一个按钮并添加了一个点击事件，数据值增加 5但它附加了 5

https://jsfiddle.net/neyaz90/dkvmmrbd/

<div id="react">
<button @click='counter += 5'>Increment</button>
<p>{{result}}</p>

new Vue({
el:'#react',
data:{
counter:'0'
},
computed:{
  result:function(){
    return this.counter;
 }
}
});

请帮忙。

Answer 1

您需要使用 Number 而不是 String 来表示 0 请参阅 jsfiddle在这里。

HTML

<div id="react">
  <button @click="counter += 5">Increment</button>
  <p>{{ result }}</p>
</div>

JS

new Vue({
  el: '#react',
  data: {
    counter: 0
  },
  computed: {
    result: function() {
      return this.counter;
    }
  }
})