まずvue-routerで動的リンクを生成するを参考にして。
ホームからタイトルへ画面遷移がうまく行きません、解説どうりやっているのですがどこが違うのでしょうか?
ご教授お願いいたします。
前提
vue-cliでのプロジェクト作成
index.js(router)
js
1import Vue from 'vue'; 2import Router from 'vue-router'; 3 4import Title from '@/components/Title/Title'; 5import Home from '@/components/Home/Home'; 6 7 8Vue.use(Router); 9 10export default new Router({ 11 routes: [ 12 {path: '/home', name: 'Home', component: Home}, 13 {path: '/', name: 'Title', component: Title} 14 ] 15});
Footer.html
html
1<footer class="Footer_icon"> 2 <router-link id="button_style" class="Title" :to="{name: 'Title'}" tag="button"></router-link> 3 <router-link id="button_style" class="Home" :to="{name: 'Home'}" tag="button"></router-link> 4</footer> 5
Footer.vue
js
1<template src="./Footer.html"></template> 2<style scoped src="./Footer.css"></style> 3 4<script> 5router.push({ name: 'Home' }) 6</script>
また、
EsList: 'router'は定義されていませんとエラーが出ます。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。