记一次vue的query事故

Posted 2022-05-25 sixrookie

给用户展示的列表页有一个查询搜索功能，每次的搜索结果和页码我都放在query里面，这样从列表到详情再从详情回退回来，上次查询的数据仍然还在。

就是这样一个简单的问题，处理一个莫名其妙的bug。

里面有个参数是projectId，是项目id，网上没有看到query数据的命名有什么规则和限制的说法（如果有，请大神多多指点）

我就直接使用projectId，如果projectId有数据了，再刷新页面然后再搜索其他的条件，在控制台是可以看到query改变了的，而且也是正确的，但是页面的地址栏数据却没有改变还是之前的，除非是清空所有的搜索条件，不然地址栏的数据就不会更新。

然而projectId这个参数没有的话一切都是正常的。

至今百思不得其解，后来把projectId改为id，一切就ok了，没有问题，刷新或者是其他的做法也都是ok的。