通过params传递参数,如果我们想获取id的 参数值,我们可以通过this. r o u t e . p a r a m s . i d 这种方式来打印出来就可以得到了;(注意:获取参数的时候是 route.params.id这种方式来打印出来就可以得到了;(注意:获取参数的时候是 route.params.id这种方式来打印出来就可以得到了;(注意:获取参数的时候是route,跳转和传参的时候是$router)
方法二:路由属性配置传参:
this.$router.push({
name:“/admin/${item.id}”,
})
//这个组件对应的路由配置
{
//组件路径
path: ‘/admin:id’,
//组件别名
name: ‘admin’,
//组件名
component: Admin,
}
通过路由属性配置传参我们可以用this. r o u t e . p a r a m s . i d 来获取到 i d 的值,注意 t h i s . route.params.id来获取到id的值,注意this. route.params.id来获取到id的值,注意this.router.push方法里面路径带的是值,路由配置项那里带的是变量名(属性名)来实现的对应;
以上两种传参方式基本上可以理解为ajax中的post请求方式,参数都是不可见的,但是上面两种方法都有一个弊端,就是当页面刷新了是获取不到参数值的,那么有没有一种方法是页面刷新之后参数依然存在呢?
方法三:query传参
this.$router.push({
name:“/admin”,
query:{id:item.id}
})
//这个组件对应的路由配置
{
//组件路径
path: ‘/admin’,
//组件别名
name: ‘admin’,
//组件名
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
web浏览器中的javascript
- 客户端javascript
- 在html里嵌入javascript
- javascript程序的执行
- 兼容性和互用性
- 可访问性
- 安全性
- 客户端框架
window对象
-
计时器
-
浏览器定位和导航
-
浏览历史
-
浏览器和屏幕信息
-
对话框
-
错误处理
-
作为window对象属性的文档元素
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**
[外链图片转存中…(img-TYCnWxPS-1712779658969)]