在nuxt.js中,可以通过使用this.$router.push()
方法手动触发路由。该方法接受一个参数,可以是一个字符串路径或一个包含路径、查询参数和哈希的对象。
以下是一个示例代码,展示如何在nuxt.js中手动触发路由:
export default {
methods: {
goToPage() {
// 触发路由跳转到 '/about' 页面
this.$router.push('/about');
}
}
}
在上述示例中,goToPage
方法通过调用this.$router.push()
方法来触发路由跳转到/about
页面。
如果需要传递查询参数或哈希,可以使用对象作为参数。例如:
export default {
methods: {
goToPage() {
// 触发路由跳转到 '/about' 页面,并传递查询参数和哈希
this.$router.push({
path: '/about',
query: { key: 'value' },
hash: '#section'
});
}
}
}
在上述示例中,goToPage
方法通过调用this.$router.push()
方法来触发路由跳转到/about
页面,并传递了查询参数{ key: 'value' }
和哈希'#section'
。
关于nuxt.js的更多信息和使用方法,您可以参考腾讯云的相关产品和文档:
请注意,以上仅为示例推荐的腾讯云产品,您可以根据具体需求选择适合的产品。
领取专属 10元无门槛券
手把手带您无忧上云