如何在变量中使用<router-link>？

Question

我有一个信息框，其中提供了有关用户注册状态的信息（例如，注册了此电子邮件的用户）。我想在此消息中添加路由器链接。

这是我模板的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>.'
}

<router-link>不能以这种方式工作，那么如何将链接添加到我的消息中呢？

Answer 1

相反，你可以使用v-if，如果你想在成功的情况下展示它：

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

和JS：

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