Доступ к значению данных из данных

Question

Я пытаюсь присвоить строковое значение переменной на основе логической переменной.

Следуя этому коду, я получил:

[Vue warn]: Ошибка в data (): "TypeError: Невозможно прочитать свойство 'check' из неопределенного "

TypeError: Невозможно прочитать свойство 'check' из неопределенного

и т. Д.

<v-text-field
  ...
  :placeholder="placeholder"
  ...
></v-text-field>

data: () => ({
   ...
   check: false,
   placeholder: this.check === false ? "Hello" : "Bye"
}

Iожидать, что заполнитель изменит свой контент на основе проверочной переменной

Answer 1

Попробуйте использовать placeholder в качестве вычисляемого свойства, например:

computed:{
       placeholder(){
            return  this.check === false ? "Hello" : "Bye";
         }
   }