我试图在页面加载时隐藏一个div。每当页面加载时，我希望某些文本根据API调用的结果出现或消失。

原谅noob的问题，我对打字和Vue一般都是新手。

下面是我的代码:

    <div class="row" v-if="!isHidden">
      <p>
        Your file is available!
      </p>
    </div>

而我的打字稿如下所示:

    <div class="row" v-if="!isHidden">
      <p>
        Your file is available!
      </p>
    </div>

上面的TypeScript在页面加载时调用API。如何使文本在没有返回空值时出现？

顺晟科技：

您可以在vue组件的数据部分中创建新属性，如果您正在使用VUEX，则可以在您的状态中创建新属性。

调用api时，将新属性设置为'loading'。当api返回数据时，如果是有效数据，则将属性设置为'valid'，如果是无效数据，则设置为'invalid'。您可以对其他情况使用其他字符串。然后，您可以根据属性中的字符串更改消息，或者在需要时隐藏数据。