Как связать два input между собой?

Question

[Roman Jony]

Есть два input, нужно связать их таким образом, чтобы когда пишешь числовое значение в первом, оно отображалось во втором с умножением на определённый коэффициент. Но в тот же момент, если во второй инпут вводить числовые данные, то первый инпут должен тоже изменятся, только коэффициент умножения будет другой.

вот пример: https://www.google.com/search?q=%D0%BA%D1%83%D1%80...

Answer 1

[0xD34F]

data: () => ({
  currencies: [
    { title:  'рубль', rate:     1, val: 0 },
    { title: 'доллар', rate: 62.65, val: 0 },
    { title:   'евро', rate: 60.90, val: 0 },
  ],
}),
methods: {
  onInput({ rate, val }) {
    this.currencies.forEach(n => n.val = val * rate / n.rate);
  },
},

<div v-for="n in currencies">
  <input
    v-model.number="n.val"
    @input="onInput(n)"
    type="number"
    min="0"
  >
  {{ n.title }}
</div>