虽然现在前后端分离,之间的数据传递用接口,但是url传值方法还是很常用的
第一步:在index.js文件的路径中添加想传的值
1 | { |
可以看到我只需要在path后加:/就好,同时还用()方式在里面加了个正则表达式,规定只允许传递过来的是数字,当非数字时就不显示
第二步:在App.vue中通过router-link传递值
1 | <router-link to="/Hi/12/hhhhhh">Hi</router-link> |
注意到,我的id传的是数字才行
第三步:在Hi.vue中接收值
1 | <p>{{ $route.params.newsId}}</p> |
特别要注意的是,只能是params,别写成Hi了,因为在vue中params就是用来传参数的量