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

Question

[postya]

Имеется компонент 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;
}
}

Comments

[0xD34F]

А ну бегом документацию читать.

[postya]

0xD34F, побежал

Answer 1

[Влад Хеллсайт]

<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
     }
  }

Comments

[postya]

а в компоненте родителя там нужно указать у v-model? или там что-то другое прописать?

[postya]

Благодарю вас!

Answer 2

[Алексей Ярков]

Вот куда вы лезете, хотя бы раз не прочитав до конца документацию?

Comments

[Дмитрий Гололобов]

как куда? в пропсы писать значения.
Это они еще до стора не добрались, там тоже все в обход мутаций и экшенов будет