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

Пользователь

от felix , в категории: JavaScript , 6 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от kaleigh , 6 месяцев назад

@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 в консоль.


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