VUE中路由的传参和取参

最新推荐文章于 2023-11-21 21:07:24 发布

一个前端女子

最新推荐文章于 2023-11-21 21:07:24 发布

阅读量817

点赞数

分类专栏： vue2 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_44173499/article/details/123441772

版权

本文详细介绍了在Vue.js中如何进行路由参数的传递和获取，通过具体的代码示例展示了如何在路由配置中定义参数、在组件中接收参数以及如何在不同路由间传递数据。

摘要由CSDN通过智能技术生成

具体代码：

Markup

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="./js/vue.js"></script>
<script src="js/vue-router.js"></script>
</head>

<body>
<div id="app">
<router-link :to="{name:'login',query:{uid:'001',uname:'妞妞',pwd:'123'}}">登录</router-link>
<router-link to="/register/