如何让这个按钮生成特定的文本？

Question

我有一个像这样在 vue 中创建的按钮

 <div v-else>
          <div class="flex items-center justify-center">
            <Default type="submit" :enabled="!formIsValid || loading">
              <div class="inline-flex items-center justify-center">
              <span v-if="loading">Dibujando</span>
              <div v-else class="inline-flex">
                <div >Random</div>

当我点击随机按钮时，我需要做什么才能在文本区域放置文本？该按钮有效，但不输出任何内容。我不知道我必须将文本放在哪里才能与此按钮进行交互。我是 vue 的菜鸟，对不起。

我期待在文本区域输出文本。

Answer 1

您可以在 textarea 上使用 v-model 并覆盖单击按钮时的值。

https://vuejs.org/guide/essentials/forms.html

  Example:
  https://codepen.io/cowall/pen/ZERroqZ

  <textarea v-model="message"></textarea>
  <button @click="clickFunction">click me</button>

   clickFunction() {
      this.message = "Hello You"
    }