如何使用```v-model`''添加Object.values >> [

Question

我正在尝试将Object.value加起来，使其增加值绑定到通过input在我的v-model中输入的数字到总数上。

[当我输入任何数字然后使用@click侦听器时，行为是奇怪的，它将继续串联我正在触发的内容，将结果视为String而不是Number。

[有趣的是，如果我注释掉input tag，因此删除v-model并将this.shared[2].value上的值更改为大于0的任何数字，则会发生所需的行为。

<template>
  <div>
    <input type="number" v-model="shares[2].value">
    <p>{{this.shares[0].value}}</p>
    <button class="btn btn-primary"
            @click="result">Sum An Object Value</button>
  </div>
</template>

<script>

  export default {
    data(){
      return {
        shares: [
          {id: 'BMW', value: 0},
          {id: 'Ford', value: 0},
          {id:'Apple', value: 0}
        ]
      }
    },
    methods: {
      result(){
        this.shares[0].value += this.shares[2].value
      }
    }
  }
</script>

如何在这里获得适当的行为？

我正在尝试添加一个Object.value，使其增加值绑定到通过v模型输入到我的输入中的数字到总数。当我输入任何数字时，请使用@click监听器...

Answer 1

从Vue docs：