router: {
extendRoutes(routes, resolve) {
// routes.push(
// {
// name: 'login_password',
// path: '/login_password/:login_type?',
// component: resolve(__dirname, 'pages/account/login.vue')
// },
// {
// name: 'login_sms',
// path: '/login_sms/:login_type?',
// component: resolve(__dirname, 'pages/account/login.vue')
// })
routes.push({
name: 'login_password',
path: '/login_password',
component: resolve(__dirname, 'pages/account/login.vue')
}, {
name: 'login_sms',
path: '/login_sms',
component: resolve(__dirname, 'pages/account/login.vue')
})
}
<template>
<div>
<ul>
<!-- 此种方式刷新页面还可以取到login_type的值但需要将nuxt.config.js中的注释部分打开 -->
<!-- <li><a href="/login_password/password">密码登录</a></li>
<li><a href="/login_sms/sms">短信登录</a></li> -->
<!-- 此种方式刷新页面取不到login_type的值但可实现路由及页面传值 -->
<li><nuxt-link :to="{name:'login_password',params:{login_type:'password'}}">密码登录</nuxt-link></li>
<li><nuxt-link :to="{name:'login_sms',params:{login_type:'sms'}}">短信登录</nuxt-link></li>
</ul>
</div>
</template>
<script>
export default {
comments:{}
}
</script>
<style lang="less" scoped>
</style>
