nuxt3项目中使用element-plus的el-menu组件default-active无法正常激活菜单

const activeIndex = ref("-1");

activeIndex.value = "0";

<client-only>
    <el-menu :default-active="activeIndex" mode="horizontal" active-text-color="#409EFF">
            <template v-for="(item,index) in menuList">
              <el-menu-item v-if="!item.list" :index="index + ''" @click="goLink(item.menuUrl)">{{ item.menuName }}</el-menu-item>
              <el-sub-menu v-else :index="index + ''">
                <template #title>{{ item.name }}</template>
                <el-menu-item :index="index + '-' + i" @click="goLink(j.menuUrl)" v-for="(j,i) in item.list" :key="i">{{ j.menuName }}</el-menu-item>
              </el-sub-menu>
            </template>
          </el-menu>
</client-only>