URL传值

虽然现在前后端分离,之间的数据传递用接口,但是url传值方法还是很常用的


第一步:在index.js文件的路径中添加想传的值

1
2
3
4
5
{
path: '/Hi/:newsId(\\d+)/:newsTitle',
name: 'Hi',
component:Hi
}

可以看到我只需要在path后加:/就好,同时还用()方式在里面加了个正则表达式,规定只允许传递过来的是数字,当非数字时就不显示

第二步:在App.vue中通过router-link传递值

1
<router-link to="/Hi/12/hhhhhh">Hi</router-link>

注意到,我的id传的是数字才行

第三步:在Hi.vue中接收值

1
2
<p>{{ $route.params.newsId}}</p>
<p>{{ $route.params.newsTitle }}</p>

特别要注意的是,只能是params,别写成Hi了,因为在vue中params就是用来传参数的量

-------------本文结束感谢您的阅读-------------