Logo
    立即注册
    数说方舟
    产品文档
    组件联动互斥的tips
    最近更新时间:2022-08-16 11:06:58

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

    微信扫描二维码在线咨询