vue返回上一頁的方法

Vue.js 返回上一頁有四種方法：$router.go(-1)$router.back()使用 組件window.history.back()，方法選擇取決於場景。

Vue 返回上一頁的方法

在Vue.js 中返回上一頁有以下幾種方法：

1. 使用$router.go(-1)

 <code class="javascript">this.$router.go(-1)</code>

這將導航到瀏覽器的歷史記錄中的上一頁。

2. 使用$router.back()

 <code class="javascript">this.$router.back()</code>

此方法等同於$router.go(-1) 。

3. 使用<router-link></router-link>組件

可以在<router-link></router-link>組件中使用to屬性指定要返回的路由。

 <code class="html"><router-link to="/">返回首页</router-link></code>

4. 使用HTML5 history.back()方法

window.history.back()

此方法直接從瀏覽器的歷史記錄中返回上一頁。

選擇哪種方法取決於具體的場景：

• 如果要通過JavaScript 代碼觸發導航，建議使用$router.go(-1)或$router.back() 。
• 如果要在HTML 模板中創建導航鏈接，請使用<router-link></router-link>組件。
• 如果需要在Vue.js 之外出發導航，請使用window.history.back() 。

以上是vue返回上一頁的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！