<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 
}