@postya

Как получить значение textarea во Vue?

Имеется компонент textarea
Этот компонент я отображаю на странице
v-model у texarea выдает пустое значение и оно не изменяется, если я ввожу в textarea что-либо
Как можно получить значение, которе ввожу в textarea?

card-textarea.vue:
<template>
  <div class="textarea">
    <textarea
      name="card-textarea"
      id=""
      cols="30"
      :rows="rows"
      :placeholder="placeholder"

    >

    </textarea>
  </div>
</template>

props: {
    placeholder: {
      type: String,
      default: ""
    },
    rows: {
      type: Number,
      default: 5
    },

  }


Admin.vue:
<card-textarea
            class="question-card"
            :rows="questionCardRows"
            v-model="questionText"
            :placeholder="questionPlaceholderText"
          >
          </card-textarea>

data: () => ({
questionText: ""
}
methods: {
showText() {
this.questionText;
}
}
  • Вопрос задан
  • 65 просмотров
Решения вопроса 1
Negezor
@Negezor
Senior Shaurma Developer
<template>
  <div class="textarea">
    <textarea
      name="card-textarea"
      id=""
      cols="30"
      :rows="rows"
      :placeholder="placeholder"
      :value="value"
      @input="$emit('input', $event.target.value)"
    >

    </textarea>
  </div>
</template>

props: {
    placeholder: {
      type: String,
      default: ""
    },
    rows: {
      type: Number,
      default: 5
    },
    value: {
       type: String
     }
  }
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
yarkov
@yarkov Куратор тега Vue.js
Проект "Жизнь после смерти" - lifeafterdeath.ru
Вот куда вы лезете, хотя бы раз не прочитав до конца документацию?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы