logo

该视频仅会员有权观看

立即开通课程「Nuxt.js 前端应用开发实践」权限。

¥
199
/ 年

在 Nuxt 应用里以编程方式跳转导航链接(useRouter、navigateTo)

在nx应用中,通过使用useRotor可以获取应用的路由器实例,进而控制路由的操作如添加、删除、前进或后退。具体实施如下:在app home组件中添加scriptset up,然后声明rotor以获取路由器实例。将一个按钮绑定点击事件到组件模板,并用rotor.push方法添加一条新路由记录,路径设置为/about。点击“关于我们”按钮即可测试,它将打开指定地址。同样地,可以使用nx的navigateTo辅助方法从above组件返回首页,提供一个对象并将路径设置为/。点击时,navigateTo将导航回应用的首页。