请问请问如何实现点击菜单后动态加载组件啊~?


如上图所示,想要点击不同的菜单后加载相对应的组件弹窗。

用标签和is属性的话不太行,因为或许会依次点击两个菜单,要能够独立加载弹出。

也想过用路由的方式,也是上面的问题,需要预先写入router-view标签,也是不能满足用户或许点击多个菜单。

还试过每次点击都新建一个div,然后用createApp方法创建vue实例后再mount到新建的div上,但这样据说无法共享store的数据,并且新建的组件不能继承一开始的APP组件来使用ant-vue,
请问大家是怎么解决这种动态加载组件的呢?

使用数组将组件放进去,然后将需要渲染的组件放进数组,达到动态渲染的目的。

2 Likes

每个tab里面配个slot,slot里放各自的弹窗

1 Like

用component组件动态加载