具体写法
{
name: 'Home',
path: '/home',
component: (resolve) => require([
'../components/Home/Home.vue'], resolve),
meta: {
shouldDisplayFooter: false
}
}
页面的跳转
- 简洁写法
<router-link :to="{name:'ClubList'}">
<div class="home_nav_item">
<img src="./img/golf_club.png" alt="">
<h3>我的球杆</h3>
<p>{{golfclubs}}支</p>
</div>
</router-link>
- es6 写法
pushIssuesDetail (messageId) {
// this.$router.push({path: `/issuesDetail/${messageId}`})
this.$router.push({name: 'issuesDetail', params: {messageId: messageId}})
}