Ошибка типа: попытка получить доступ к свойству по неопределенному

Question

Ошибка типа: попытка получить доступ к свойству по неопределенному

1

Я застрял в странной ошибке: при попытке отобразить переменную состояния vuejs предупреждает меня: Ошибка в функции рендеринга: "TypeError: Невозможно прочитать свойство" токен "неопределенного"

Мое состояние выглядит так (в расширении vuejs):

room:Object
    details:Object
        game_id:"1"
        id:914527404
        max_users:5
        messages:Array[0]
        token:"ef6464692f4cce187fe129d7"
        user:Array[1]
    messages:Array[0]
    users:Array[1]

Несмотря на ошибку, HTML по-прежнему отображается правильно:

<button id="copySharingLink" type="button" class="btn btn-primary waves-effect waves-light" v-bind:data-token="room.details.token">some text</button>

становится

<button id="copySharingLink" type="button" data-token="ef6464692f4cce187fe129d7" class="btn btn-primary waves-effect waves-light">some text</button>

Я не знаю, как избавиться от этой ошибки, так как она работает.

tete0148 07 июль 2017, в 14:13

Источник

Теги:

javascript

vue.js

1 ответ

Ещё вопросы

Nathan Wailes · Accepted Answer · 2017-07-07T08-33-00.000Z

Может быть время, когда room или room.details еще не установлены, и может быть, когда возникает ошибка.

Попробуйте изменить код из этого...

v-bind:data-token="room.details.token"

...к этому:

v-bind:data-token="room.hasOwnProperty('details') ? room.details.token : ''"

Спасибо, наверное, мне нужно больше узнать о Vue.js!