Vue.js-如果textarea不为空，则更改布尔值

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

我可以在控制台中看到'text'数据值的变化，但是showLabel布尔神经元会根据test（）方法的要求变为false。

任何建议都非常欢迎。

谢谢！

朱利安

Answer 1

您应该选中computed properties。它适合您的用例。

您应将showLabel声明为计算属性，而不是在数据中声明：

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