使用dll优化编译后,加速了打包编译的过程,但是在使用中遇到一个问题。
有个页面的传参是restful风格的路由显示传参,直接白屏了。
【[Vue] 使用dllPlugin编译优化后路由传参问题】注:restful路由显示传参 ->
在router.js中配置
const routes = [{
path: '/comparison/:idArr',
name: 'Comparison',
component: Comparison
}]
且在跳转时设置了params: { idArr }。
原来的方式(不使用dll编译)没有这种问题。
去看了代码,这个使用params且显示传递参数,需求是在新标签页带着参数打开。
为了这个目的有两种方案
1、显示的params传参。
2、query传参。
(这种跳转新标签页打开页面,还要传递参数的情况,如果由前端来完成,一定是把参数显化在地址栏里面,这个时候使用显式params和query传参都可以做,隐式的params传参,在新标签页打开会丢失参数,只能用于原标签页路由跳转)
后由params传参改为query传参,规避了这个问题。
vue router 路由跳转和传参总结:
1、query 配 name
2、query 配 path
3、params 配 name(注意params不能配path)
4、如果用隐式的params传参,在新标签页打开会丢失参数。
5、新标签页带着参数打开页面的情况,可以用显示的params传参,也可以用query传参,建议query。
同步更新到自己的语雀
https://www.yuque.com/diracke...