• 首页
  • 前端技术
  • 编程语言
  • 人工智能
  • 运维知识
  • 资源下载
  • 常用小工具
  • 技术问答

vue-router四种参数传递

2021-10-05

目录

    • 1.用name传参
    • 2.通过标签中的to传参
    • 3.利用url传参
    • 4.编程式导航中获取参数

1.用name传参

vue-router四种参数传递
vue-router四种参数传递
vue-router四种参数传递

2.通过标签中的to传参

index.js中name的值为hello2
vue-router四种参数传递
index.vue页面
vue-router四种参数传递

vue-router四种参数传递
从index中点击:
vue-router四种参数传递

3.利用url传参

vue-router四种参数传递
vue-router四种参数传递
vue-router四种参数传递
点击去往:
vue-router四种参数传递
此时,如果不传参,页面将无法访问
vue-router四种参数传递

4.编程式导航中获取参数

去往hi页面的name为hi
vue-router四种参数传递
vue-router四种参数传递
接收:
vue-router四种参数传递
运行:
vue-router四种参数传递
vue-router四种参数传递

相关文章:

猜你喜欢
相关资源
相似解决方案
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode
By © 2026 likecs 版权所有,
本站所有数据收集于网络如有侵犯到您的权益请联系 进行下架处理1。
粤ICP备22038628号Powered By WordPress