Vuejs - изменить логическое значение, если текстовое поле не пусто

Question

Я пытаюсь что-то, я думаю, очень просто:

<textarea name="ask" class="form-control" v-model="text"></textarea>

И VUE:

    data: {
      showLabel: true,
      text: ''
    },
    methods: {
      textareaValue(){
        return this.text
        if(this.text != '') {
          this.showLabel = false
        }
      }
    }

Я вижу изменение значения текста «текст» в консоли, нологический нерв showLabel превращается в false, как требуется в методе test ().

Любые предложения приветствуются.

Спасибо!

Жюльен

Answer 1

Вы должны проверить вычисленные свойства .Он подходит для вашего варианта использования.

Вы должны объявить showLabel как вычисленное свойство, а не в ваших данных:

computed: {
  showLabel () {
     return !this.text
  }
}