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

64
9

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

JS Fiddle

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

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

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

спросил(а) 2021-01-25T22:40:49+03:00 5 месяцев назад
1
Решение
89

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

ответил(а) 2021-01-25T22:40:49+03:00 5 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема