Question

这是我所拥有的：

<template>
    <div>
        <input v-model.number="money">
        <p>{{money}}</p>
    </div>
</template>

<script>
name: 'MyComponent',
  data () {
    return {
        money: 0
    }
  }
</script>

获得输入值后，如果通过某些方法更改数据中的money的值，如何获得原始输入值？这是一个好习惯吗？我应该将输入值分配给另一个变量吗？

Answer 1

这实际上取决于您要执行的操作。正如Mengo上面评论的那样，您可以通过执行以下操作来保留原始值，然后还可以基于输入值获得计算值：

  data: {
    money: 0
  },
  computed: {
    computedMoney() {
      return this.money + this.money * 0.0825;
    }
  }

在此处查看工作示例：https://codepen.io/anon/pen/VEajJK

Answer 2

评论太久了，所以我在这里回答。基于我对您目标的了解。

data: {
  lengthInput: 0,
  original: [1,2,3],
},
computed: {
  calculated() {
    return this.original.slice(this.lengthInput);
  }
}

然后，您可以在模板中以this.calculated或<li v-for="i in calculated" :key="i">{{ i }}</li>的形式访问结果

如何在vue中将输入数据分配给另一个变量

2 个答案: