ArkTs中多个toggle.switch组件怎么使他们只能打开一个，打开另一个时上次被打开的自动关闭

在ArkTs框架中，如果你想让多个toggle.switch组件互斥工作，即一次只能打开一个，并在切换其他开关时自动关闭之前选中的开关，你可以通过编程的方式来实现这种逻辑。这通常需要借助事件监听和状态管理。

1. 首先，给每个开关分配一个唯一的标识符，比如`id`属性，以便跟踪每个开关的状态。

2. 创建一个全局变量或状态管理工具（如Redux、Vuex等），用于存储当前激活的开关的ID。

3. 在每个toggle.switch组件上添加`v-model`绑定到这个全局状态，并设置`@input`事件监听器，当开关改变时触发。

<template>
  <toggle-switch :value="activeSwitchId === id" @input="switchToggle" :id="id"></toggle-switch>
</template>

<script>
export default {
  data() {
    return {
      activeSwitchId: '', // 存储当前激活的开关ID
    };
  },
  props: {
    id: { type: String, required: true }, // 每个开关的唯一ID
  },
  methods: {
    switchToggle(value) {
      if (value) {
        this.activeSwitchId = this.id; // 开启新开关，更新状态
        // 如果其他开关已经开启，将其关闭
        this.$refs['toggleSwitch' + this.activeSwitchId].value = false;
      } else {
        this.activeSwitchId = ''; // 关闭当前开关
      }
    },
  },
};
</script>

4. 使用Vue的ref属性为每个开关创建引用，这样才能直接操作它们的值。

5. 这样，当你切换开关时，除了当前被点击的开关会打开外，其他已经打开的开关会被关闭。