Javascript TypeError:尝试访问'；财产'；关于未定义

我遇到了一个奇怪的错误：当试图显示状态变量时，vuejs警告我： 呈现函数中出错：“TypeError:无法读取未定义的属性“token”

我的状态如下（在vuejs扩展中）：

尽管出现错误，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>

一些文本

---

我不知道如何摆脱这个错误，因为它正在工作。

可能有一段时间

房间
或
房间。细节
尚未设置，可能是抛出错误的时候

请尝试从此更改代码

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

……为此：

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

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