vue.js - 如何在 VueJs 中渲染组件？

Question

我想根据我使用的变量渲染组件：

<div>{{ auth ? <AuthCorrect /> : <AuthIncorrect /> }}</div>

但我的应用程序呈现如下：

{{ 授权？身份验证正确：AuthIncorrect }}

有人知道如何解决这个问题吗？

标签： vue.js

Answer 1

条件渲染

<div v-if="auth">Authentication Successful</div>
<div v-else>Authentication Failed</div>