关于vue跳转页面传参问题

做页面跳转传参的时候,有两种方式,一种是params传参,一种是query传参,query传参类似于get请求,会把请求的参数拼在链接里,param相当于post请求,在参数不方便暴露或者参数长度较多的时候会用

近期做页面发现一个问题,就是我用param传参,只有这个页面被刷新,参数就会丢失,数据就会显示不正确,想要在刷新页面的时候参数还保留有两种方式

1.改为query传参

2.在路由页面加参数,如下图所示


在路径后面加上/:cid 表示每次都会带有名为cid的参数

没加/:cid之前,我们的访问路径是这样的


加上/:cid之后 访问路径就会默认变成这样


/100就是cid参数

但是这种方法也有弊端,就是如果如果我们某次访问忘记携带cid参数,那么你的页面会报错,会找不到


这是我最不想看的的404,当然这个页面也是前端编写的

你可能感兴趣的:(关于vue跳转页面传参问题)