сброс текстовой области на v-модели не сбрасывает текст в текстовой области - PullRequest
Новая
       29

сброс текстовой области на v-модели не сбрасывает текст в текстовой области

0 голосов
/ 25 сентября 2019

Я хочу сбросить текст в textarea, когда пользователь нажимает кнопку отмены.

Свойство data heading, которое является вводом, и body, которое является textarea, действительно сбрасывается, но я вижу только сброс ввода заголовка, textarea для body действительно удаляет текст. 

<form @submit.prevent="handleSubmit">
  <input  v-model="heading" placeholder="Heading" />
  <textarea  v-model="body" placeholder="Note..." />
  <button type="submit" ><i class="material-icons">send</i></button>
  <button type="button" @click="resetNote" ><i class="material-icons">undo</i></button>
</form>

export default {
  data() {
    return {
      heading: '',
      body: ''
    }
  },
  methods: {
    resetNote() {
      console.log('resetNote')
      this.heading = '';
      this.body = '';
    },
    handleSubmit() {
      console.log('handleSubmit')
      console.log(`${this.heading} - ${this.body}`)
    }
  }
};
...