vue.js - vue2.0 router.addRoutes¶¯Ì¬Ìí¼ÓµÄ·ÓÉ...

ÔÚrouter.beforeachÖÐ,ͨ¹ýrouter.addRoutes,½«ÅäÖúõĶ¯Ì¬Â·ÓÉ´«Èë ½á¹û¾ÍÊǾ²Ì¬Â·ÓÉÒ³ÃæµÄÀÁ¼ÓÔØÓÐЧ,Ö»¼ÓÔØµ±Ç°Ò³ÃæÊ¹Óõ½µÄjs; ¶¯Ì¬Â·ÓÉÒ³Ãæ,ͨ¹ýjsÉú³ÉµÄÀÁ¼ÓÔØ´úÂë¾ÍÎÞЧ,ÒÀȻȫ²¿¼ÓÔØÁËËùÓÐjs °´ÕÕÈôÒÀµÄÐÞ¸Ä,°Ñrequire¸ÄΪimport,°²×°Á˲å¼þ,npm run dev¿ÉÒÔÔËÐÐ,µ«ÊÇnpm run build:


router.addRoutes±¨´íÖØ¸´¶¨Òå,ÍøÉϵķ½·¨¶¼ÊÔ¹ýÁË...

1 menuarray.foreach( item => { // console.log( item ) var arr = [] for ( let i in item ) { arr.push( item ); //ÊôÐÔ...


Vue2Í˳öµÇ¼ºó¶¯Ì¬Â·ÓÉδÇå³ý,ÈçºÎ³¹µ××¢Ïú²¢ÖØÖÃ...

¶þ,»úÖÆ²ã:addroutes()µÄ²»¿ÉÄæÐÔÓë·ÓÉʵÀýÉúÃüÖÜÆÚ´íλ vue router 3.x(vue 2Éú̬)µÄ router.addroutes() ±¾ÖÊÊÇÏò router.matcher µÄÄÚ²¿...


vue.js - vueµÄ·ÓÉrouter.addRoutesÌí¼Ó²»ÉÏ...

{ router.addroutes(store.getters.addrouters) console.log(router,'59') const redirect = decodeuricomponent(from.query.redirect || to.path) if (to.path === redirect) {...


vueÖÐ,°´È¨ÏÞ¿ØÖÆÒ³ÃæºÍ°´Å¥ÊµÏֵķ½·¨¹²Óм¸ÖÖ?

1. ·Óɼ¶±ðȨÏÞ¿ØÖÆ ·½·¨Ò»£ºÂ·ÓÉÊØÎÀ+ ¶¯Ì¬Â·ÓÉ router.beforeEach((to, from, next) => { if (hasToken) { // ÅжÏȨÏÞ²¢¶¯...


...Vue2¶¯Ì¬Ìí¼Ó·ÓÉ router.addRoute()

¾ÙÀý£¬`router.addRoutes([{ path: '/new', component: NewComponent }])` ¿ÉÒÔÏò·ÓÉÖÐÌí¼ÓÒ»¸öз¾¶ºÍ¶ÔÓ¦µÄ×é¼þ¡£`router.addRoute()` º¯ÊýÔÊÐíÌí¼ÓÒ»ÌõеķÓÉ...


ʹÓÃvue - routerÖеÄaddRoutesÉèÖÃȨÏÞ

vueÏîÄ¿ÖÐ×öȨÏÞµÄʱºò£¬Ê¹ÓÃvue-router×Ô´øµÄaddRoutesÀ´Éú³É·ÓÉÊDZȽϺõ쬾ßÌå²Ù×÷²½Öè router/index.js


ÈôÒÀ¿ò¼ÜÈçºÎ°²È«¡¢Æ½»¬µØ½«Àúʷ·ÓÉģʽÇл»Îª¹þÏ£...

router.addroutes(routes) ×¢ÈëÒ첽·ÓÉ,µ«ÔÚ hashģʽÏÂ, router.matcher.match ÄÚ²¿¶Ô path µÄ normalizeÐÐΪÓë historyģʽ´æÔÚ²îÒì.±ØÐ뽫...


h5Ö±²¥Ô´Âë,Óû§µÇ¼Á÷³Ì¼°È¨ÏÞУÑé

ʹÓÃrouter.addRoutes·½·¨½«¶¯Ì¬Éú³ÉµÄ·ÓÉÌí¼Óµ½Â·ÓÉʵÀýÖС£È¨ÏÞ¿ØÖÆÓëÖØ¶¨Ïò£ºÈç¹ûÓû§³¢ÊÔ·ÃÎÊδÊÚȨµÄ·ÓÉ£¬Ôò½øÐÐÖØ¶¨Ïò»òÌáʾÎÞȨÏÞ¡£Èç¹ûÓû§Î´µÇ¼ÇÒ³¢ÊÔ·ÃÎʷǰ×Ãûµ¥...


vueÏîÄ¿ÖÐ,addRoutesÔÚrouter.beforeEachµÄnext()֮ǰʹÓÃ...

vue-router ¶¯Ì¬¼ÓÔØÂ·ÓÉ ÔÚaddRoutes()Ö®ºóµÚÒ»´Î·ÃÎʱ»Ìí¼ÓµÄ·ÓÉ»á°×ÆÁ£¬ÕâÊÇÒòΪ¸Õ¸ÕaddRoutes()¾ÍÁ¢¿Ì·ÃÎʱ»Ìí¼ÓµÄ·ÓÉ£¬È»¶ø´ËʱaddRoutes()ûÓÐÖ´ÐнáÊø£¬Òò¶øÕÒ²»µ½...


Ïà¹ØËÑË÷

ÈÈÃÅËÑË÷