Как обработать ошибку рендеринга в Vue, которая возвращает неопределенную ошибку

Question

У меня есть код ниже, который выдает неопределенную ошибку при запуске, есть ли в любом случае я могу перехватить или использовать условное форматирование к нему?Вот что я сделал до сих пор:

<data-list 
    label='Group Name: '
    :change="gotoGroups()"
></data-list> //this a search and select drop-down list

МЕТОД:

gotoGroups(){
    if(this.$refs['groupName'].choice != 'undefined'){
    //I have also tried (typeof this.$refs['groupName'].choice != 'undefined')
    //do this
    }
}

Предупреждение сработало:

app.js: 22462 [Vue warn]: Ошибка при рендеринге: «TypeError: Невозможно прочитать свойство 'choice' undefined"

Они оба не работают, как я могу превзойти его?

Answer 1

Вы можете избавиться от этого TypeError.Используйте следующий код:

if(this.$refs['groupName'] && this.$refs['groupName'].choice != 'undefined'){   
  //do this
}

Чтобы узнать больше о Short-circuit evaluation, вы можете взглянуть на этот ресурс