tabbar组件中 如何使用异步加载的动态组件？

Question

老师您好~场景是 组件不确定的情况下（需要展示哪些组件通过请求接口获取） 希望通过tap-composite组件实现不同组件间的切换 查了一些资料 没有找到合适的答案~我想问下 这种场景 是不是需要使用路由？还是说我只是没找对方法…希望老师可以提供一些解决的思路~先行谢过！

Answer 1

ustbhuangyi 2019-02-28 09:05:36

其实和这门课做法类似，只不过要把 tabs 变成动态的，把组件变成异步组件即可。
比如 import Goods from 'components/goods/goods'
变成 const Goods = () => { import('components/goods/goods') }

• 提问者 慕神4175595 #1

  老师，对于改为异步组件部分我还是不太明白。您的意思是说，假如我有A,B,C,D四个组件，根据请求数据，可能需要展示其中的1~4个组件，那么我需要将这四个组件全部通过异步组件的方式注册进去，然后根据返回数据选择渲染其中的几个么？还是说根据请求返回数据注册相应的组件，再将其渲染？

• ustbhuangyi 回复 提问者 慕神4175595 #2

  全部通过异步组件的方式注册，根据返回数据选择渲染其中的几个，因为异步组件是你用到才会去加载的。

• 提问者 慕神4175595 回复 ustbhuangyi #3

  谢谢老师~我这就试下~