Vue路由跳转与接收参数的实现方式
更新时间：2023年04月14日 09:22:02 作者：Tryharder1028
这篇文章主要介绍了Vue路由跳转与接收参数的实现方式,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
一、路由跳转四种方式 (带参数)
router-link
传递 <router-link :to="{ path: '/传递的页面名', query: {id: item.id }, }"></router-link>
接收 页面
2) this.$router.push() (函数里面调用)
es6模板字符串
模板字符串中嵌入变量，要将变量名写在${}之中
模板字符串使用反单引号(backquote) ``
// 写法一
var str = 'return ' + '`Hello ${name}!`';
var func = new Function('name', str);
func('Amy'); // "Hello Amy!"
// 写法二
var str = '(name) => `Hello ${name}!`';
var func = eval.call(null, str);
func('Amy'); // "Hello Amy!"
/course_plan/info/16/54
/course_plan/info/{课程计划ID：pid}/{报名ID:psid}
url:course_plan/info/${pid}/${psid},
到此这篇关于Vue路由跳转与接收参数的文章就介绍到这了,更多相关Vue路由跳转内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
Vue装饰器中的vue-property-decorator 和 vux-class使用详解
这篇文章主要介绍了Vue装饰器中的vue-property-decorator 和 vux-class使用详解,通过示例代码给大家介绍的非常详细，对vue-property-decorator 和 vux-class的使用感兴趣的朋友一起看看吧2022-08-08
这篇文章主要介绍了vue-loader中引入模板预处理器的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
Rollup是一个JavaScript模块打包器,它可以将多个小的JavaScript 模块打包成一个大的模块,本文主要介绍了Vite中Rollup打包的实现,具有一定的参考价值,感兴趣的可以了解一下2025-03-03
今天小编就为大家分享一篇vue forEach循环数组拿到自己想要的数据方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
vue3:vue2中protoType更改为config.globalProperties问题
这篇文章主要介绍了vue3:vue2中protoType更改为config.globalProperties问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
vue中v-if 和v-permission 共同使用的坑及解决方案
这篇文章主要介绍了vue中v-if 和v-permission 共同使用的坑及解决方案的相关资料,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了vue2 自定义 动态组件的实现方法,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了vue3的ref是如何实现响应式的,我们讲了ref是如何实现响应式的,主要分为两种情况：ref接收的是number这种原始类型、ref接收的是对象这种非原始类型,需要的朋友可以参考下2024-07-07
Vue3导入Elementplus时组件无法加载的情况及解决
这篇文章主要介绍了Vue3导入Elementplus时组件无法加载的情况及解决方案,具有很好的参考价值,希望对大家有所帮助2024-03-03
多级联动是一种常见的交互方式,本文主要介绍了elementui实现标签页与菜单栏联动的示例代码,具有一定的参考价值,感兴趣的可以了解一下2024-06-06
最新评论