当前位置: 首页 > Web前端 > vue.js

[Vue]使用dllPlugin编译优化路由参数传递问题

时间:2023-04-01 02:05:39 vue.js

使用dll优化编译后,打包编译过程加快,但是在使用中出现问题。有一个页面传参是restful风格的路由展示传参,屏幕一片空白。注意:Restful路由在router.js中显示传参->配置constroutes=[{path:'/comparison/:idArr',name:'Comparison',component:Comparison}]跳转时设置params:{idArr}。原来的方式(不带dll编译)没有这个问题。查看代码后,这使用了params并显示了传递的参数。要求是在新选项卡中使用参数打开。为此有两个选项1.Displayedparams传递参数。2.查询参数。(这种跳转到新的tab打开页面并传递参数的情况,如果是前端做的话,参数必须显示在地址栏,这时候可以使用显式params来完成以及查询参数,隐式的Params式参数传递,打开新标签页时参数会丢失,只能用于原标签页中的路由跳转)之后,将params参数改为query参数,即避免了这个问题。vue-router路由跳转和传参总结:1.querywithname2,querywithpath3,paramswithname(注意params不能和path匹配)4.如果使用implicitparams传参,打开时参数会丢失在新标签页中。5、新标签页打开带参数的页面时,可以使用显示的params传参,也可以使用query传参,推荐使用query。同步更新到你的语雀https://www.yuque.com/diracke...