![file](https://img-blog.csdnimg.cn/98cef4d7848d4eddb5963cd635dfc044.png)
实现效果
点击选项卡A、B、C、D、E分别控制组件容器内各个形状组件的显隐。
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/7e6a04f717a04612b5d78cc282da2a04.gif#pic_center)
![file](https://img-blog.csdnimg.cn/f537c080b17d49ffae5470ac534b134f.png)
实现流程
首先需要选择组件容器内的形状组件,默认实例是3个,如需添加多个可在数据中继续添加。
![file](https://img-blog.csdnimg.cn/41607959f35c4780b17f5c44d16f4e29.png)
添加【选项卡】组件,在样式中设置5列,数据添加一列(组件默认为4列)
![file](https://img-blog.csdnimg.cn/9e2b53ec0b37497c886938bb9184cd20.png)
![file](https://img-blog.csdnimg.cn/870ca9f77a574e7383a9ea9db9bffdb4.png)
然后配置选中交互事件,动作1为显示,动作2为隐藏。
![file](https://img-blog.csdnimg.cn/551f321c32184ce998e4c16a8fc97fc2.png)
![file](https://img-blog.csdnimg.cn/e101d32187734e9f9678fd7663afce3f.png)
ps:该动作所需要接收的数据,return的值将作为选中的实例的下标。如选择多个实例,return的值需是字符串下标,如‘2,3’ 如选择某单个实例,return 的值可以为 数值 1。
如需demo可在公众号「易知微产品帮助中心」后台发送“组件容器显隐切换”,即可获取。