场景
介于我们日常会用到组件a和组件b不能组合联动作用于一个或者多个影响组件时,且存在单方向的联动路径。如何处理联动互斥呢?
例子
a组件:产品痛点分布
b组件:产品功效分布
c组件:内容趋势
交互方式:a联动c,b联动c,a&b是不能同时联动c,a&b是互斥关系.
假设
点击路径从a->b->c;
这种如何实现点了a再点b时取消a同时联动c呢?
操作
1、找到联动面板最底下的“变量组”,添加一个组
注意:设置好颜色,命名采用比较好识别的方式
2、找到a和b组件的参数选择变量组
3、选择变量组名称且设置变量等级
注意:“变量等级”即为a和b的优先级,数字越小优先级越高,b优先a,那么点击b会自动取消a,将b设置1
a设置2;如下图
4、保存联动&保存页面->浏览,实现完成。
总结
以上实现单方向互斥联动哦~~
以上为个人使用中比较浅显的一些分享,欢迎来交流😀