19 使用路由传递参数（query方式）02

最新推荐文章于 2024-04-03 17:43:25 发布

学习总不晚

最新推荐文章于 2024-04-03 17:43:25 发布

阅读量1k

点赞数

分类专栏： Vue 文章标签： VueRouter使用query

本文链接：https://blog.csdn.net/u013472738/article/details/100189805

版权

本文聚焦VueRouter的query参数传递，介绍如何在模板中通过$route.query获取参数，并探讨通过to链接传递params的方式。同时，解释了router-view作为路由匹配容器的作用。

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

划重点

路由：VueRouter基础
路由传参
- 通过query ：在template中：$route.query.id (id对应 params中的id)
- 通过to指向对应的params：参数拼接;
- router-view:可以看做是用来显示路由匹配规则的容器(必不可少)

梅菜扣肉一大份

<!DOCTYPE html>
<html lang="en">

<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="./lib/vue-2.6.10.js"></script>

    <!-- 这里引入的路由要依赖在vue下；所以应该加载在 vue 后面
    当我们安装（引用）了这个路由后；这个时候 我们的html就有了一个路由的构造函数(通过new 构造)的使用了：
    var router = new VueRouter()
    
    -->
    <script src="./lib/vue-router.js"></script>
</head>

最低0.47元/天解锁文章

学习总不晚

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
19 使用路由传递参数（query方式）02

划重点路由：VueRouter基础路由传参通过query ：在template中：$route.query.id (id对应 params中的id)通过to指向对应的params：参数拼接;router-view:可以看做是用来显示路由匹配规则的容器(必不可少)梅菜扣肉一大份<!DOCTYPE html><html lang="en"><...
复制链接

扫一扫

专栏目录