Vue.js 使用Promiss为命名视图导入动态VueRouter
我正在尝试动态加载Vue路由器的组件视图。所使用的导入语句是一个承诺,但它总是返回一个承诺,而不是返回实际值作为返回值,即使在我链接时也是如此。请问我做错了什么Vue.js 使用Promiss为命名视图导入动态VueRouter,vue.js,promise,es6-promise,vue-router,Vue.js,Promise,Es6 Promise,Vue Router,我正在尝试动态加载Vue路由器的组件视图。所使用的导入语句是一个承诺,但它总是返回一个承诺,而不是返回实际值作为返回值,即使在我链接时也是如此。请问我做错了什么 generatedRoute['component'] = { filter_menu_view: import(`../../${this._filter_menu_view_path}.vue`).then((resolve) => resolve), actio
generatedRoute['component'] = {
filter_menu_view: import(`../../${this._filter_menu_view_path}.vue`).then((resolve) => resolve),
action_page_view: action_page_view.then((resolve) => {
return resolve
}).then((resolve2) => {
console.log(resolve2);
return resolve2
}),
}
基本上,我试图实现这一点,但使用导入延迟加载视图。谢谢因为
那么
也会回报承诺
您的代码看起来很奇怪,所以很难判断您想要做什么,但通常在使用Vue期望的动态导入时
所以改变
filter\u menu\u view:import(`.././${this.\u filter\u menu\u view\u path}.vue`)。然后((resolve)=>resolve)
为了
filter\u menu\u view:()=>import(`.././${this.\u filter\u menu\u view\u path}.vue`)
…您正在创建一个函数,该函数返回(组件的)承诺。Vue将在需要组件时调用该函数,并等待promise解析以使用导入返回的组件
编辑
哦,是的,如果您试图使用命名视图,关键是
组件
,而不是组件
,谢谢Levy,为了清晰起见,我对问题进行了编辑。是的,它看起来像然后
返回一个承诺。但后来我有了一个两个的链子,而后者的返回仍然是一个承诺。无论你将链上多少个然后,结果将永远是一个承诺……有效!!谢谢你,利维。我仍然不明白这是怎么回事,因为它给了我一些希望我解决的承诺。。我想我需要多读点书。谢谢