@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;
}
}
  • Вопрос задан
  • 337 просмотров
Решения вопроса 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
Помог ответ? Отметь решением.
Вот куда вы лезете, хотя бы раз не прочитав до конца документацию?
Ответ написан
Ваш ответ на вопрос

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

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