我有兩個(gè)輸入字段，想法是兩者都可以改變另一個(gè)的值。如果在 level 字段中輸入 1 - 200 的值，Vue 會(huì)查找該級(jí)別并返回該級(jí)別的點(diǎn)數(shù)并將它們輸入到 points 字段中。但我也希望發(fā)生相反的情況，因此如果用戶在點(diǎn)字段中輸入一定數(shù)量的點(diǎn)，Vue 會(huì)查找這些點(diǎn)并返回與該點(diǎn)數(shù)關(guān)聯(lián)的級(jí)別。這是可行的，除了 Vue 會(huì)進(jìn)行雙重計(jì)算，因?yàn)樗诒O(jiān)視兩個(gè)字段，所以如果我在點(diǎn)字段中輸入 300，它會(huì)正確返回級(jí)別 4，但 Vue 會(huì)檢測(cè)到級(jí)別字段中的變化，然后將點(diǎn)更改為 250。我只希望 Vue 檢測(cè)用戶何時(shí)更改字段，而不是在更改字段后重新計(jì)算。我希望這是有道理的，這很難解釋。從 axios 請(qǐng)求返回的數(shù)據(jù)示例：-[    {"level":1,"points":0},    {"level":2,"points":72},    {"level":3,"points":175},    {"level":4,"points":250},    {"level":5,"points":401,}]一個(gè)簡(jiǎn)化的 vue 組件來(lái)演示我的工作：-<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;            },