vue 2.8.2版本配置剛進入時候的默認(rèn)頁面方法
更新時間：2018年09月21日 08:46:25 作者：ylhsuper
今天小編就為大家分享一篇vue 2.8.2版本配置剛進入時候的默認(rèn)頁面方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
vue --version查看版本 是 2.8.2；
vue 2.8.2版本配置剛進入時候的默認(rèn)頁面比如這里面的goods頁面；
1.在路由文件下里面的index.js文件 添加 { path: '/', redirect: '/goods/goods' }, // 默認(rèn)就跳轉(zhuǎn)此頁面
2.也可以在app.vue里面配置
this.$router.push('/goods/goods'); // 頁面加載時跳轉(zhuǎn)
詳情看下面
export default {
name: 'app',
components: {
'v-header': header
},
created () {
// this.$router.push('/goods/goods'); // 頁面加載時跳轉(zhuǎn)
}
};
前提都配置了此組件路由index.js文件如下
import Vue from 'vue';
import Router from 'vue-router';
import goods from '../components/goods/goods';
import ratings from '../components/ratings/ratings';
import seller from '../components/seller/seller';
Vue.use(Router);
export default new Router({
routes: [
{ path: '/', redirect: '/goods/goods' }, // 默認(rèn)就跳轉(zhuǎn)此頁面
{
path: '/goods/goods',
name: 'goods',
component: goods
},
{
path: '/ratings/ratings',
name: 'ratings',
component: ratings
},
{
path: '/seller/seller',
name: 'seller',
component: seller
}
]
});
以上這篇vue 2.8.2版本配置剛進入時候的默認(rèn)頁面方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要介紹了elementui下image組件的使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
vue如何動態(tài)設(shè)置class、動態(tài)設(shè)置style
這篇文章主要介紹了vue如何動態(tài)設(shè)置class、動態(tài)設(shè)置style，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
本篇文章主要介紹了Vue中保存用戶登錄狀態(tài)實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下。、2017-06-06
watch?的本質(zhì)就是觀測一個響應(yīng)式數(shù)據(jù)，當(dāng)數(shù)據(jù)發(fā)生變化時通知并執(zhí)行相應(yīng)的回調(diào)函數(shù)。watch的實現(xiàn)利用了effect?和?options.scheduler?選項，這篇文章主要介紹了Vue3源碼分析偵聽器watch的實現(xiàn)原理,需要的朋友可以參考下2022-08-08
這篇文章主要為大家詳細(xì)介紹了vue拖拽組件vuedraggable的使用說明，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
Vue+ElementUI前端添加展開收起搜索框按鈕完整示例
最近一直在用element ui做后臺項目,下面這篇文章主要給大家介紹了關(guān)于Vue+ElementUI前端添加展開收起搜索框按鈕的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-05-05
Vue框架很核心的功能就是雙向的數(shù)據(jù)綁定。下面這篇文章主要給大家介紹了關(guān)于Vue.js中數(shù)據(jù)綁定的語法教程，文中通過示例代碼介紹的非常詳細(xì)，相信對大家具有一的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。2017-06-06
這篇文章主要介紹了vue頁面使用js實現(xiàn)前端打印功能,文中通過圖文結(jié)合的方式給大家講解的非常詳細(xì),對大家實現(xiàn)打印功能有一定的幫助,需要的朋友可以參考下2024-05-05
vue項目 npm run build 打包項目防止瀏覽器緩存的操作方法
這篇文章主要介紹了vue項目 npm run build 打包項目防止瀏覽器緩存的操作方法,本文給大家推薦兩種方法，每種方法通過實例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-08-08
詳解vue中使用vue-quill-editor富文本小結(jié)（圖片上傳）
這篇文章主要介紹了詳解vue中使用vue-quill-editor富文本小結(jié)（圖片上傳），文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04