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

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

0 голосов
/ 11 октября 2018

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

JS Fiddle

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

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

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

1 Ответ

0 голосов
/ 11 октября 2018

Вы можете использовать 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>
...