vue3中取消el-menu的选中状态

在 Vue 3 中，可以通过 `v-model` 和 `default-active` 属性来控制 `el-menu` 的选中状态。

如果要取消 `el-menu` 的选中状态，可以将 `v-model` 绑定的值设置为 `null` 或者空字符串，或者将 `default-active` 属性设置为 `null` 或者空字符串。

示例代码如下：

<template>
  <el-menu v-model="activeIndex" :default-active="activeIndex">
    <el-menu-item index="1">菜单项1</el-menu-item>
    <el-menu-item index="2">菜单项2</el-menu-item>
    <el-menu-item index="3">菜单项3</el-menu-item>
  </el-menu>
  <button @click="cancelSelection">取消选中</button>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const activeIndex = ref('1');

    const cancelSelection = () => {
      activeIndex.value = null; // 或者 ''
    };

    return {
      activeIndex,
      cancelSelection,
    };
  },
};
</script>

在上面的代码中，我们使用 `ref` 定义了一个响应式变量 `activeIndex`，并将其绑定到 `el-menu` 的 `v-model` 和 `default-active` 属性上。`cancelSelection` 方法可以将 `activeIndex` 的值设置为 `null` 或者空字符串，从而取消 `el-menu` 的选中状态。