Vue.js 当Vue路由器视图尝试读取不在该组件中的变量时，该视图被破坏

我为一个错误烦恼了两天。我在Github上打开了一个问题，但它们关闭了，因为我的项目同时具有前端和后端服务器。现在，这里用视频gif解释了问题：

错误的完整图像：

当我试图打开问题详细信息页面时，路由器坏了。路由器说的错误是在问题详细信息页面中找不到属性“name”。问题就在这里。错误显示的代码中没有任何“name”变量。这是我代码的复制品：

---

我讨厌那种情况。如果有任何帮助，我将不胜感激。谢谢

Your

problemDetails.user.name

是您正在获取的验证的

name

。可能您的模板正在尝试在获取用户之前进行渲染。 尝试在该div中添加

v-if

，仅当用户存在时才会呈现：

<div class="problem-detail-info" v-if="problemDetails.user">
  <p>created by {{ problemDetails.user.name }}</p>
</div>

由{{problemDetails.user.name}创建

我不知道该如何感谢你。我快要失去理智了。谢谢，谢谢，再次谢谢，先生。呵呵，很高兴我能帮助你：）