Vue 跳轉(zhuǎn)主頁

在 Vue.js 中，可以通過 router.push() 方法跳轉(zhuǎn)到主頁。

詳細(xì)步驟：

在 Vue.js 項(xiàng)目中，首先需要引入 Vue 路由庫：

import Vue from '<a style="color:#f60; text-decoration:underline;" href="/zt/15721.html" target="_blank">vue</a>'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

創(chuàng)建 Vue 路由器

在 main.js 文件中，創(chuàng)建 Vue 路由器實(shí)例：

const router = new VueRouter({
  // 路由配置
})

配置主頁路由

在路由配置中，指定主頁路由：

router.push({
  path: '/',
  component: Home,
})

在組件中跳轉(zhuǎn)到主頁

在組件中，可以使用 this.$router.push(‘/’) 跳轉(zhuǎn)到主頁。

示例代碼：

// 在組件中
this.$router.push('/')

注意：

如果項(xiàng)目使用了 Vuex 狀態(tài)管理，需要在 Vuex store 中定義一個 currentPage 屬性，并將其設(shè)置為組件中的 route.path。

這樣，當(dāng)用戶點(diǎn)擊導(dǎo)航條上的主頁按鈕時，就會觸發(fā) router.push(‘/’) 跳轉(zhuǎn)到主頁。