Как получить введеное значение в textarea на vue.js?

@felix 

Чтобы получить введенное значение в textarea на Vue.js, вы можете использовать модель данных (v-model) для связывания значения textarea с переменной в вашем экземпляре Vue.

Вот пример:

HTML:

1
2

Получить значение

Vue:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

new Vue({
  el: '#app',
  data: {
    message: ''
  },
  methods: {
    getMessage() {
      console.log(this.message);
    }
  }
});

В этом примере мы связываем значение textarea с переменной message в экземпляре Vue с помощью v-model. Затем, при нажатии на кнопку "Получить значение" вызывается метод getMessage, который выводит значение message в консоль.

Вы можете использовать это значение для выполнения других операций или передачи его в другие компоненты.

@felix 

Чтобы получить значение, введенное в textarea на Vue.js без использования v-model, можно использовать методы работы с DOM элементами. Например, следующий пример позволяет получить значение textarea при изменении его содержимого:

HTML:

1
2
3
4

<div id="app">
  <textarea id="myTextarea"></textarea>
  <button @click="getMessage">Получить значение textarea</button>
</div>

Vue:

1
2
3
4
5
6
7
8
9

new Vue({
  el: '#app',
  methods: {
    getMessage() {
      const textareaValue = document.getElementById('myTextarea').value;
      console.log(textareaValue);
    }
  }
});

В этом примере при нажатии на кнопку "Получить значение textarea" вызывается метод getMessage, который получает значение textarea с помощью document.getElementById('myTextarea').value и выводит его в консоль. Однако, лучше использовать v-model для более удобного и прозрачного связывания данных в Vue.js.