时间戳

首页 > 解决方案 > 如何使用 Vuejs 中的链接重定向到另一个组件？

javascript - 如何使用 Vuejs 中的链接重定向到另一个组件？

问题描述

<div class="enterprise-details" style="margin-top: 20px">
Already have an account? <a href="#"> LOGIN</a></div>

 <!--  Component which need to redirect -->

<b-button v-if="!registeredUser" class="button-self" v-b-modal.modal-x>Login</b-button>
 <b-modal
      id="modal-x" ref="my-modal"
      title=""
      class="modal-dialog modal-sm modal-rounded fade"
      
    >
    //some code
    
    </b-modal>

onclick 的链接，如何将页面重定向到另一个组件

标签： javascriptvue.js

解决方案

最好的方法是使用官方的Vue Router

一旦你设置了你的路由并告诉你的 vue 实例使用 router<a href="#"> ，用一个<router-link>组件替换你的行：

<div class="enterprise-details" style="margin-top: 20px">
   Already have an account?<router-link to="/login">LOGIN</router-link>
</div>

或者，如果你设置了一个命名路由，你可以这样做：

<div class="enterprise-details" style="margin-top: 20px">
   Already have an account?<router-link :to="{ name: 'login' }">LOGIN</a>
</div>

阅读此处的文档。

推荐阅读