我有兩個輸入字段，想法是兩者都可以改變另一個的值。如果在 level 字段中輸入 1 - 200 的值，Vue 會查找該級別并返回該級別的點數(shù)并將它們輸入到 points 字段中。但我也希望發(fā)生相反的情況，因此如果用戶在點字段中輸入一定數(shù)量的點，Vue 會查找這些點并返回與該點數(shù)關(guān)聯(lián)的級別。這是可行的，除了 Vue 會進行雙重計算，因為它正在監(jiān)視兩個字段，所以如果我在點字段中輸入 300，它會正確返回級別 4，但 Vue 會檢測到級別字段中的變化，然后將點更改為 250。我只希望 Vue 檢測用戶何時更改字段，而不是在更改字段后重新計算。我希望這是有道理的，這很難解釋。從 axios 請求返回的數(shù)據(jù)示例：-[    {"level":1,"points":0},    {"level":2,"points":72},    {"level":3,"points":175},    {"level":4,"points":250},    {"level":5,"points":401,}]一個簡化的 vue 組件來演示我的工作：-<template>    <div>        <div class="card-body">            <form>                <div class="row">                    <div class="col">                        <div class="form-group">                            <input type="text" v-model="currentLevel" class="form-control">                        </div>                        <div class="form-group">                            <input type="text" v-model="currentPoints" class="form-control">                        </div>                    </div>                </div>            </form>        </div>    </div>   </template><script>    export default {         data() {            return {                currentLevel: 1,                currentPoints: 0,                pointsTable: []            }        },        mounted() {            axios.get('/api/points').then(this.fetchPointsTable);        },        methods: {            fetchPointsTable({data}) {                this.pointsTable = data;            }        },        watch: {            currentLevel: function() {                 const result = this.pointsTable.find( ({ level }) => level === parseInt(this.currentLevel) );                this.currentPoints = result.experience;            },