在Nuxt.js中,可以通过以下方法来路由到空白页面:
BlankPage.vue
。<template>
<div>
<!-- 空白页面内容 -->
</div>
</template>
<script>
export default {
// 组件逻辑
}
</script>
<style scoped>
/* 样式 */
</style>
router.js
)中,添加一个路由规则,将该空白页面组件与一个路径关联起来。import BlankPage from '@/path/to/BlankPage.vue'
export default [
// 其他路由规则
{
path: '/blank',
component: BlankPage
}
]
$router.push()
)来导航到空白页面。// 在某个方法中导航到空白页面
methods: {
navigateToBlankPage() {
this.$router.push('/blank')
}
}
以上步骤完成后,当调用navigateToBlankPage()
方法时,将会导航到你创建的空白页面组件BlankPage.vue
。
关于Nuxt.js的更多信息和详细用法,请参考腾讯云的Nuxt.js产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云