【山海鲸功能演示】如何设置选中按钮的时候其他按钮切换为默认样式?

在制作项目的过程中,我们有时会需要通过多个按钮来进行组件的交互,并在点击某个按钮时让其他所有按钮恢复默认状态。

下面我们就来看一下,应该如何设置选中按钮的时候其他按钮切换为默认样式。

  1. 首先,在左侧组件库中选择一个**"按钮"**组件添加。
  1. 选中该组件,同时在右侧**"样式"**设置中修改选中后的样式,例如这里我将选中后的文字色修改为了橙色。
  1. 复制粘贴该组件,同时全选这些组件并右键点击**"成组"**,将这些组件并入同一个分组中。
  1. 选中该分组后,在右侧**"样式"** 设置中开启**"内部组件选中互斥"**。
  1. 最终效果如下图所示:
相关推荐
Highcharts3 小时前
如何选择正确的图表:驱动理解和洞察力的三部分框架(第3部分)
前端·数据可视化
Highcharts3 小时前
全功能施工项目管理甘特图 Demo:任务依赖箭头、当前日期标线、周末高亮、分组项目可视化
html·数据可视化
CoovallyAIHub1 天前
系统越上越多、问题越查越慢,制造业厂长的真实痛点
人工智能·agent·数据可视化
Highcharts.js3 天前
可视化图表之甘特图Gantt:原理、应用与实践指南
甘特图·数据可视化·highcharts·图表渲染
Highcharts.js3 天前
Highcharts大数据渲染模块Boost实战与参数最佳实践表
javascript·数据可视化·boost·highcharts·大数据渲染·加速配置·参数表
云空3 天前
《VPython 相关的 GitHub 仓库地址清单》
github·可视化·vpython
Highcharts.js3 天前
数据可视化避坑指南 ——开发中常见图表错误与修复方案
javascript·信息可视化·数据可视化·highcharts·数据可视化避坑·修复方案
躺柒3 天前
读数据可视化03可视化分类
信息可视化·分类·数据挖掘·数据可视化·数据科学·可视化分析·科学可视化
不剪发的Tony老师4 天前
Dash:一款免费开源、本地优先的数据探索与可视化工具
数据分析·数据可视化·dash
Highcharts.js4 天前
Vue 3 + Highcharts Boost 可视化加速模块的完整示例
javascript·vue.js·可视化·boost·highcharts·图表渲染·加速模块