动态组件传参:Vue 中如何给 urlFn: () => import('./registComponents/video') 传参
urlFn: () => import('./registComponents/video') 是一种动态导入组件的方式,它返回一个 Promise,该 Promise 在组件需要渲染时被解析。
如果要给这个组件传递参数,可以通过路由参数的方式来实现。具体来说,可以在路由配置中指定路由参数,例如:
{
path: '/video/:id',
name: 'video',
component: () => import('./registComponents/video')
}
在这个例子中,路由参数为 'id',可以通过 '$route.params.id' 来获取该参数的值。在组件中,可以通过 'props' 属性来接收路由参数,例如:
export default {
props: ['id'],
// ...
}
这样,就可以在组件中通过 'this.id' 来获取路由参数的值了。当然,还可以通过其他方式来传递参数,例如使用 Vuex 状态管理库、通过事件总线等方式。
原文地址: https://www.cveoy.top/t/topic/kUGI 著作权归作者所有。请勿转载和采集!