Javascript 如何在vue.js上下文中从mustache中的API加载资源失败时不显示任何内容

我是Vue新手，所以我想知道当资源无法从API加载时如何显示空白屏幕。下面是我在程序中使用的小胡子，其中变量来自API

{{'+'+avgSwing.total_performance+'%}}

因此，当从API加载资源时，获得的输出为：

+36.14%

+undefined%

当资源无法从API加载时，获得的输出为：

+36.14%

+undefined%

---

所以，我期待的是一个空白屏幕，而不是

+未定义%

，请帮我解决这个问题。谢谢。

您发布的代码，

{{{{'+'+avgSwing.overall_performance+'%}

，只要定义了

avgSwing.overall_performance

，就一定能工作。检查控制台输出，如果您没有看到被+和%包围的输出，则一定会出现某种错误

---

mustache语法只接受具有特定属性的任何有效JavaScript表达式。

只要定义了

avgSwing.otheral\u performance+'%}

，您发布的代码，

{{{{{{'+'+avgSwing.otheral\u performance+'%}}肯定会工作。检查控制台输出，如果您没有看到被+和%包围的输出，则一定会出现某种错误

mustache语法只接受具有特定属性的任何有效JavaScript表达式。
您可以使用来执行此操作，以便仅当API有响应时才有条件地显示
：


{{'+'+avgSwing.total_performance+'%}


如果未定义
avgSwing
，则不会将
标记添加到DOM中。
您可以使用来执行此操作，以便仅当API有响应时才有条件地显示
：


{{'+'+avgSwing.total_performance+'%}


如果未定义
avgSwing
，
标记未添加到DOM中。
您想要实现的确切HTML输出是什么？我实际上是在绑定API中的数据，所以我希望仅当数据从API中呈现时才显示符号。您想要实现的确切HTML输出是什么？我实际上是在绑定API中的数据，所以我希望符号是正确的仅当数据从API中呈现时显示。当然，代码是有效的，我使用的变量来自API，在中，我仅当资源从API加载时才获得所需的输出，但当资源无法从API加载时，我得到“+undefined%”，但我期望的是“空白”而不是“空白”。因此，请告诉我如何做到这一点。当然，代码工作时，我使用的变量来自API，在这里，我只在从API加载资源时获得所需的输出，但是当资源无法从API加载时，我得到“+undefined%”，但我期望的是“blank”而不是“blank”。所以请告诉我怎么做