介绍
这篇文章给大家分享的是有关vue单页面应用进入页面加载所有js的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
一般在索引。js中都是这么引入的组件
从& # 39;进口@/页面/我# 39; 从& # 39;进口购物车@/页面/车# 39; 进口订单& # 39;@/页面/订单# 39; 从& # 39;进口TMap @/页面/地图# 39; 从& # 39;进口新@/页面/新# 39;
换成这样就好啦
const我=r=比;要求。确保([],()=比;r(要求(& # 39;@/页面/我# 39;)),& # 39;我# 39;) const车=r=比;要求。确保([],()=比;r(要求(& # 39;@/页面/车# 39;)),& # 39;车# 39;) const订单=r=比;要求。确保([],()=比;r(要求(& # 39;@/页面/订单# 39;)),& # 39;订单# 39;) const TMap=r=比;要求。确保([],()=比;r(要求(& # 39;@/页面/地图# 39;)),& # 39;地图# 39;) const新=r=比;要求。确保([],()=比;r(要求(& # 39;@/页面/新# 39;)),& # 39;新# 39;)
<强> vue -路由器路由跳转错误,NavigationDuplicated
vue-router≥3.0版本回调形式以及改成承诺api的形式了,返回的是一个承诺,如果路由地址跳转相同,且没有捕获到错误,控制台始终会出现如图所示的警告(注:3.0以下版本则不会出现以下警告! ! !,因路由回调问题…)
<强>方案一:
安装vue-router3.0以下版本:先卸载3.0以上版本然后再安装旧版本npm安装@vue-router2.8.0 - s
<强>方案二:
针对于路由跳转相同的地址添加捉捕获一下异常:这个。美元router.push(& # 39;/位置# 39;)。抓住(呃=比;{console.log (err)})
<强>方案三:
在主要。js下注册一个全局函数即可
从& # 39;进口路由器vue-router& # 39;
const originalPush=Router.prototype.push
Router.prototype。推=function推(位置){
originalPush返回。调用(这一点,位置)。抓住(呃=比;犯错)
} 注:官方vue-router新版本路由默认回调返回的都是承诺,原先就版本的路由回调将废弃! !
感谢各位的阅读!关于vue单页面应用进入页面加载所有js的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!
