Как в Vue в компоненте изменять значение свойства?

Question

[yakov_l]

Как мне в методе изменить свойство textareaValue?

var Board = {
	template: `
  <div
      :id="id"
      class="board"
      :class="{boardAcvite: isActive}"
      @dragover.prevent
      @drop.prevent="drop"
  >
  <div 
  class="board__title">{{title}}</div>
  <slot />
  <div 
    @click="isActive=!isActive"
    class="board__btn"
    ><span><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 8H8V14H6V8H0V6H6V0H8V6H14V8Z" fill="#626262"></path></svg></span> 
    Добавить еще одну карточку
  </div>
  <div class="board__add">
    <textarea 
    v-modal="textareaValue"
    class="board__textarea" 
    placeholder="Введите текст карточки"
    ></textarea>
    <div class="board-footer">
      <div class="board-footer__add">Добавить карточку</div>
      <div 
      @click="cancelAddTask"
      class="board-footer__cancel"
      ><span><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="#626262"/></svg></span>Отмена</div>
    </div>
  </div>
  </div>
	`,
		data() {
  			return {
          isActive: false,
          textareaValue: ''
  			}
      },
      props: ['title','id'],
      methods: {
        drop: e => {
          const card_id = e.dataTransfer.getData('card_id')

          const card = document.getElementById(card_id)

          card.style.display = 'block'

          e.target.appendChild(card)
        },
        cancelAddTask: e => {
          this.textareaValue = ''
        }
      }
    }

Comments

[yakov_l]

и v-model не работает

[yakov_l]

Вроде решил

<textarea 
    :value="value"
    class="board__textarea" 
    placeholder="Введите текст карточки"
    ></textarea>

props: ['title','id', 'value:{type: String, required: true}'],

Answer 1

[WapSter]

У стрелочных функций теряется контекст в курсе?

cancelAddTask () {
          this.textareaValue = ''
}