Nxut2 使用params 跳转传参数，需要拼接路由，不显示问题

最新推荐文章于 2024-08-19 21:49:22 发布
最新推荐文章于 2024-08-19 21:49:22 发布
阅读量456 收藏 9
点赞数 9
分类专栏： nuxt2 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_54030878/article/details/135059386
版权

正常情况：
js 代码
在这里插入图片描述
路由地址：
在这里插入图片描述

这样子是不会显示的，也不会报错，是正常的跳转，但是要拼接在路由地址上面的话

就要修改路由
在这里插入图片描述
就是给需要拼接params参数的 .vue 文件 添加一个文件夹
在这里插入图片描述

张得比你帅、
关注
  • 9
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
nuxt框架中路由动态传参及结构分析
Mangojjx的博客
04-09 1563
刚入公司的小白，接手nuxt项目，经常会用到路由传参,故在此有所总结了下nuxt中传参的方式 nuxt https://zh.nuxtjs.org/guide/ 官方文档 简单来说，Nuxt就是基于Vue的一个应用框架，采用服务端渲染，让你的SPA应用(Vue)也可以拥有SEO 结构分析 动态路由传参 传参：`<nuxt-link :to="{path:'/about',query:{i...
nuxt解决首屏加载慢问题_Vue SSR不可不知的问题
weixin_39758041的博客
11-21 1522
本文主要介绍Vue SSR(vue服务端渲染)的应用场景，开发中容易遇到的一些问题，提升ssr性能的方法，以及ssr的安全性问题。SSR的应用场景1.SEO需求SEO（Search Engine Optimization，搜索引擎优化），是一种利用搜索引擎规则，提高网站在搜索引擎内自然排名的技术。通常这需要页面内容在页面加载完成时便已经存在。SEO需求的存在与互联网技术的发展历程密不可分。在互联网...
【Nuxt】02 Nuxt2项目搭建与配置、路由使用、生命周期、国际化等
ColdCoder的博客
09-27 7302
Nuxt.js 是一个基于 Vue.js 的通用应用框架。本文主要介绍Nuxt的项目搭建、项目配置、开发使用，路由管理、vuex、国际化等配置。
nuxt 路由 传递参数
qq_16795789的博客
03-17 718
/ nuxt 路由 通过query 传递参数。//打开一个新的页面。//打开一个新的页面。// 带参数打开新页面。
Nuxt 动态路由传参
weixin_47534468的博客
03-23 4168
今天说一下在 nuxt 框架中的三种传参方式 写在前面，先看一下页面所在文件夹位置 在 pages 下有个 basicinfo 文件夹，此文件夹下面有两个文件，index.vue 和 _id.vue 1、使用 router-link 1.1、使用 params 传参 <router-link :to="{name: 'basicinfo', params: {name: 'qwe', age: 23}}">测试</router-link> 会跳转到 basicinfo
nuxt 带参数动态路由
Maggie柒哈哈的博客
08-18 3396
nuxt是基于vue.js服务端渲染的框架，其中路由文件不像vue项目那样手动配置，而是依据 pages 目录结构自动生成 vue-router 模块的路由 配置。 基于项目seo优化需求，需要将路由改为动态路由。 一、创建带参数的动态路由（两种方法） 方法一、直接创建一个带参数的动态路由 新建文件的时候直接创建带参数的动态路由，这个官网中有介绍，我就不总结了，附上官网地址： [https://www.nuxtjs.cn/guide/routing#%E5%8A%A8%E6%80%81%E8%B7%AF%
Nuxt.js路由
weixin_45822542的博客
12-14 1964
Nuxt.js
Nuxt.js项目里的动态路由、嵌套路由和动画使用
qq_37635012的博客
07-11 2787
Nuxt项目基础路由使用 Nxut项目里的路由和vue项目里的路由有点区别，官方Nuxt路由介绍点击https://zh.nuxtjs.org/guide/routing，要在页面之间使用路由，我们使用 标签路由跳转。和vue项目不同的是，我们无需再单独配置路由，Nuxt.js 依据 pages 目录结构自动生成 vue-router 模块的路由配置。如下例，我们在pages文件夹下新建了两个文件夹home文件夹和orders文件夹，然后这两个文件夹里都有index.vue文件。 然后再在布局目录layo
打包后icon图标不显示
weixin_42683639的博客
02-17 932
icon，资源路径，css，打包
nuxt-three:基于nuxt.js和three.js构建的Web应用启动器
05-07
三三基于和构建的Web应用程序启动器，它包括 ， ，平滑滚动，， 和其他一些有用的东西。构建设置# install dependencies$ npm install# serve with hot reload at localhost:3000$ npm run dev# build for ...
prism-themes:棱镜主题的更多选择
05-12
如何使用主题要使用主题之一，只需在页面中包含主题CSS文件即可。 例子：<!DOCTYPE html >< html > < head > ... < link href =" themes/prism-ghcolors.css " rel =" stylesheet " /> </ ...
11.动态标签页的一些优化和bug的解决
qq_55121347的博客
08-16 303
动态标签页的一些优化和bug的解决
详细介绍 Vue3 的 watch 和 watchEffect
weixin_52648900的博客
08-15 974
非常详细介绍了vue3的watch和watchEffect区别和联系
实现父组件调用子组件方法时报错：[Vue warn]: Invalid vnode type when creating vnode: null.
08-14 391
[Vue warn]: Invalid vnode type when creating vnode: null.
element table 判断当前行是否展开和只展开一行
m0_68716504的博客
08-15 457
element组件提供了table的展开和收起功能，并提供了expand-change事件用来监听table行的展开和收起在一些特殊情况下如：处理异步数据时，希望展开行时请求接口，关闭行时不用请求，但是expand-change，无论是展开还是收起都会触发，于是就希望能有一个类似isExpended布尔类型的状态属性来判断是否调用接口。
vue3进阶用法之通过调用函数动态加载组件用法及示例
wz9608的博客
08-14 373
vue官方文档那边虽然说了函数的使用方法，但没有列举这种业务场景。这里只是做一个简单的实例，其实可以通过这种方法实现其他更多的功能，比如说modal框等等等。
【前端】VUE动态引入组件 通过字符串动态渲染模板 动态生成组件
最新发布
我是Superman丶的博客
08-19 128
【前端】VUE动态引入组件 通过字符串动态渲染模板。
Vue 生命周期详解含demo、面试常问问题案例
qq_34419312的博客
08-16 1195
Vue 生命周期详解、面试常问问题案例 含 demo
Vue 3的Computed属性
计算机图形学
08-15 444
Vue 3的组合式API为Computed属性的使用带来了新的变化和可能性。通过computed函数，开发者可以轻松地创建只读或可写的Computed属性，并在组件中高效地处理响应式数据。合理使用Computed属性，可以使代码更加简洁、清晰和高效。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值