首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏陶然同学博客

    Nuxt.js详解(一)

    要在页面之间切换路由,我们建议使用<nuxt-link> 标签。 ',params:{id:1002}}">第2新闻</nuxt-link> <nuxt-link :to="{name:'news-name',params:{name:1003}}">第3新闻</nuxt-link to="/child/book/list">书籍列表</nuxt-link> |      <nuxt-link to="/child/book/123">书籍详情</nuxt-link> |       to="/">首页</nuxt-link> |    <nuxt-link to="/user/login">登录</nuxt-link> |    <nuxt-link to="/user/123 ">详情</nuxt-link> |    <nuxt-link to="/about">默认页</nuxt-link> |    <nuxt-link to="/nuxt/async">async

    6.3K30编辑于 2023-02-24
  • 来自专栏用户4456933的专栏

    用 Nuxt.js 搭建一个服务端渲染(SSR)应用

    to="/">首 页</nuxt-link>

    </template> <script> export default { props: path: '/users', component: 'pages/users.vue' } ] } 其它页面引用的时候,直接用nuxt-link 即可 <nuxt-link to="/users">人员介绍</nuxt-link> 同样地,我们也可以通过框架规定的命名、存放文件。 to="blogs/1">这是文章1</nuxt-link>
  • <nuxt-link to="blogs/2">这是文章2</nuxt-link>
  • <nuxt-link to="blogs/3">这是文章3</nuxt-link>

8.8K20发布于 2021-06-01
  • 来自专栏FreeSWITCH中文社区

    Nuxt框架服务端渲染

    Nuxt.js路由传参跳转 在pages 的目录结构如下创建xxx.vue,Nuxt.js 会自动生成的路由配置,要在页面之间使用路由,使用<nuxt-link> 标签 路由跳转: <template > <nuxt-link to="/">首页</nuxt-link> </template> 路由传参跳转(可参考vue的路由传参) <template> <nuxt-link : to="{name: '/', params:{id:'1'}}">首页</nuxt-link> </template> Nuxt.js生命周期 uxtServerlnit: 服务器初始化,以在这个生命周期中获取

    4.7K20编辑于 2023-02-28
  • 来自专栏前端开发随笔

    Nuxt配置错误页面

    404 - 页面不存在

    服务器错误

    <button> <nuxt-link to="/">HOME</nuxt-link> </button>
    </template> <script> export default { props: [

    1.7K10发布于 2021-01-20
  • 来自专栏通往体面生活的路上

    微服务[学成在线] day12:基于 Nuxt.js 构建搜索前端工程

    <template>

    用户管理导航 <nuxt-link :to="'/user/101'">点击修改ID</nuxt-link> < =''"><nuxt-link class="title-link" :to="'/course/search? > <nuxt-link class="title-link" :to="'/course/search? =''"><nuxt-link class="title-link" :to="'/course/search? > <nuxt-link class="title-link" :to="'/course/search?

    7.7K10发布于 2020-08-05
  • 来自专栏start

    vue使用nuxt.js详情

    的布局文件: <template>

    My App

    67810编辑于 2024-03-20
  • 来自专栏淡定的博客

    Nuxt基本安装与使用

    class="container">

    页面不存在

    应用发生错误异常

    <nuxt-link to="/">首 页</nuxt-link>
    </template> <script> export default { props: ['error'], layout:

    1.3K40发布于 2018-12-27
  • 来自专栏淡定的博客

    Nuxt基本安装与使用

    class="container">

    页面不存在

    应用发生错误异常

    <nuxt-link to="/">首 页</nuxt-link>
    </template> <script> export default { props: ['error'], layout:

    5.4K30发布于 2018-09-06
  • 来自专栏技术派

    nuxt + element-ui +vue+ nuxt-i18n国际化

    key, value) => app.i18n.t(key, value) }) } 7.切换语言组件 <template> <nuxt-link locale.code)"> 点击切换{{ locale.name }} </nuxt-link

    2.1K10发布于 2021-06-24
  • 来自专栏图雀社区

    全栈“食”代:用 Django + Nuxt 实现美食分享网站(一)

    制作我们喜爱的美食 ❤️ ️

    <nuxt-link class="btn btn-outline btn-large btn-info " to="/recipes"> 查看食谱 </nuxt-link>
    查看</nuxt-link> <nuxt-link :to= "`/recipes/${recipe.id}/edit/`" class="btn btn-sm btn-primary">编辑</nuxt-link> <button @click= to="/recipes/add" class="btn btn-info">添加食谱</nuxt-link>
    <template

    2.2K30发布于 2020-04-07
  • 来自专栏西岭老湿

    Vue 服务端渲染原理解析与入门实战

    } 同样的,在 /.nuxt/router.js 文件中,我们也能够看到相关内容; 路由导航 Nuxt 中的路由导航有三种方式,一种就是普通的 a 标签跳转,太过于基础这里就不说了,两外两种分别是 nuxt-link 组件和编程式导航,nuxt-link 组件用于在页面中添加链接跳转到其他页面,目前 <nuxt-link> 的作用和 router-link 一致,推荐阅读 Vue 路由文档 来了解它的使用方法,所以 而编程式导航的用法,同样与 Vue 中的使用方式一致: <template>

    nuxt-link 跳转:

    <nuxt-link to="/user /info">Go to user</nuxt-link>

    编程式导航 跳转:

    <button @click="clickBtn">Go to user</button

    8.6K40发布于 2021-02-22
  • 来自专栏陶然同学博客

    【畅购商城】用户登录

  •             [<nuxt-link to="/Login">登录</nuxt-link>]
  •             [<nuxt-link to="/Register">免费注册</nuxt-link>]
  •             [<nuxt-link to="/Login">退出</nuxt-link>]
  • <li v-if="user!

    1.8K30编辑于 2023-02-24
  • 来自专栏ouorz.com

    React.js 结合 Next.js 的入门与 Snapaper 完全重构

    <Component {...pageProps} />; } export default (Router)(MyApp); ↑ pages/_app.jsx 样例 不同于 Nuxt 中内置的 <nuxt-link ></nuxt-link> 路由跳转标签,Next.js 中路由跳转需要引入和使用 next/link 库来实现,使用样例如下: import Link from "next/link"; ...

    5.1K20编辑于 2022-11-17
  • 来自专栏图雀社区

    全栈“食”代:Django + Nuxt 实现美食分享网站(下)

    text-right mb-4">

    吃货天堂

    <nuxt-link to="/recipes/add" class="btn btn-info">添加食谱</nuxt-link>
    <template

    1.9K10发布于 2020-04-07
  • 来自专栏程序员成长指北

    有必要使用服务器端渲染(SSR)吗?

    Nuxt 功能还是非常强大的,比如会根据路由动态拆分构建文件、鼠标放到 Nuxt-link 路由组件上面就会预加载 JS 文件等等。

    11.1K30发布于 2021-09-18
  • 来自专栏全栈程序员必看

    nuxt「建议收藏」

    要在页面之间使用路由,我们建议使用<nuxt-link> 标签。

    4.8K10编辑于 2022-09-20
  • 来自专栏前端少年汪的博客

    Nuxt.js,Next.js,Nest.js傻傻分不清?

    本地开发支持热加载 集成 ESLint 支持各种样式预处理器: SASS、LESS、 Stylus 等等 支持 HTTP/2 推送 工作流程 下图阐述了 Nuxt.js 应用一个完整的服务器请求到渲染(或用户通过 <nuxt-link 要在页面之间使用路由,我们建议使用<nuxt-link> 标签。

    11K31编辑于 2023-11-21
  • 来自专栏前端Q

    肝了几个月nuxt项目,想把这些实用知识点分享给你(干货)

    : '/favicon.ico' } ] }) } 其他 路径别名:~ 或 @ srcDir , ~~ 或 @@ rootDir (默认情况下,srcDir 和 rootDir 相同) nuxt-link

    2.4K20发布于 2021-01-05
  • 来自专栏前端技术分享

    点亮你的Vue技术栈,万字Nuxt.js实践笔记来了

    spray.bc638d2.png">

    {{statusCode}} - {{ message }}
    <nuxt-link class="error-link" to="/">回到首页</nuxt-link>
    </template> export default { props:

    25.8K31发布于 2020-08-24
  • 来自专栏陶然同学博客

    Nuxt.js详解(二)

    也就是说刷新可以可以访问,使用<nuxt-link>切换不能访问。解决方案:修改mode,支持client和service。

    4.5K10编辑于 2023-02-24
  • 领券