Vue.js 如何使用<；路由器链路>；可变的？

我有一个信息框，在其中我放置了有关用户注册状态的信息（例如，使用此电子邮件的用户已注册）。我想给这些信息添加路由器链接

它是我的模板的HTML部分：

<div class="info" v-bind:class=infoClass v-html=info></div>

以及用户注册方法的一部分：

if (response.body === 'success') {
    this.infoClass = 'success'
    this.info = 'Success. You can <router-link to="/login">login now</router-link>.'
}

if（response.body==“success”）{
this.infoClass='success'
this.info='Success.您现在可以登录了。'
}

---

不能以这种方式工作，因此我如何才能将链接放到我的邮件中？

如果您希望在成功的情况下显示此信息，您可以使用v-if：

<div class="info" v-bind:class=infoClass v-if="success">
    Success. You can <router-link to="/login">login now</router-link>
</div>

if (response.body === 'success') {
    this.infoClass = 'success'
    this.success = true // New data variable
}