Vue 2, как привязать данные к элементу, который «привязан к данным»

Question

Vue 2, как привязать данные к элементу, который «привязан к данным»

1

Для этого я создал jsfiddle:

В основном у меня есть три области текста. Когда вы вводите копию в первую очередь, она должна привязываться ко второй, которая также будет поступать в третью.

<div id="app">
<textarea v-model="first"></textarea>

<textarea v-model="second">{{first}}</textarea>
 <textarea>{{ second }}</textarea>

TJ Sherrill 11 окт. 2018, в 00:35

Источник

2

Есть ли причина, по которой первый, второй и третий не являются одной и той же моделью данных?
Shawn Rakowski 10 окт. 2018, в 22:24
0

Да, это динамично. Но может быть, это все еще работает?
TJ Sherrill 10 окт. 2018, в 22:57
0

@TJSherrill ты видел мой ответ?
Boussadjra Brahim 11 окт. 2018, в 13:50

Показать ещё 1 комментарий

Теги:

javascript

vue.js

vuejs2

data-binding

1 ответ

Ещё вопросы

Есть ли причина, по которой первый, второй и третий не являются одной и той же моделью данных?
Да, это динамично. Но может быть, это все еще работает?

Boussadjra Brahim · Accepted Answer · 2018-10-10T20-56-00.000Z

Вы можете использовать свойства watch чтобы поймать любое изменение в first значении и назначить его second и так далее:

new Vue({
  el: '#app',
  data: {
    first: '',
    second: '',
    third:''
  },
  watch:{
     first(val){
     this.second=val;
     },
        second(val){
     this.third=val;
     }
  }
})

<script src="https://unpkg.com/vue"></script>

<div id="app">
<textarea v-model="first"></textarea>


<textarea v-model="second" ></textarea>
  <p>2 >> {{ second }}</p>
  <textarea v-model="third" ></textarea>
   <p>3 >> {{ third }}</p>
</div>