logo

该视频仅会员有权观看

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

¥
199
/ 年

Nuxt 应用里的路由链接:NuxtLink

在NX应用中添加路由链接时,可使用NX框架的Link组件。使用Link组件包装应用名称,并设置组件的to属性为链接地址 ("/" 表示应用根)。在header的nav元素中添加多个链接,如 "关于" ("/about") 和内容链接 ("/post")。导航链接是动态的,页面切换不会导致刷新。使用Link组件的链接会显示活跃状态并通过a元素上的CSS类指示(如 rota link active)。可以通过修改默认样式表 default.css 来自定义活跃链接的样式,如设置字体加粗和颜色为黑色,活跃链接的文本将以黑色和加粗样式显示。