現在vue.jsを勉強中でタスク管理アプリを作成中なのですが、
vue-routerがうまく動作しません。
/loginのパスにアクセスした時にlogin用のcomponentを描画させたいのですが、表示されず
悩んでいます
詳しい方ご教授お願いします。m(__)m
router.js
1import KbnBoardView from '@/components/templates/KbnBoardView.vue' 2import KbnLoginView from '@/components/templates/KbnLoginView.vue' 3import KbnTaskDetailModal from '@/components/templates/KbnTaskDetailModel.vue' 4 5export default [{ 6 path: '/', 7 component: KbnBoardView, 8 meta: { requiresAuth: true } 9}, { 10 path: '/login', 11 component: KbnLoginView 12}, { 13 path: '/tasks/:id', 14 component: KbnTaskDetailModal, 15 meta: { requiresAuth: true } 16}, { 17 path: '*', 18 redirect: '/' 19}] 20
index.js
1import Vue from 'vue' 2import Router from 'vue-router' 3import routers from './routes' 4 5Vue.use(Router) 6const router = new Router({ routers }) 7export default router
main.js
1import Vue from 'vue' 2import App from './App' 3import router from './router' 4import 'es6-promise/auto' 5import store from './store' 6Vue.config.productionTip = false 7 8/* eslint-disable no-new */ 9new Vue({ 10 el: '#app', 11 router, 12 store, 13 render: h => h(App) 14})
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/10/30 00:25