添加显示/隐藏超时元素 UI答案

【问题标题】：Add show/hide timeout ELement UI添加显示/隐藏超时元素 UI
【发布时间】：2021-07-01 07:21:44
【问题描述】：

我有来自元素 UI 的子菜单，我想做的是设置显示时间和隐藏链接我试过了，但它不起作用：

<template>
  <div id="app" class="font-sans text-black min-h-screen bg-grey-dark p-24">
    <el-menu mode="horizontal">
      <el-submenu :showtimeout:"100" :hidetimeout:"100" index="2-4">
        <template slot="title">test4</template>
        <el-menu-item index="2-4-1">test1</el-menu-item>
        <el-menu-item index="2-4-2">test2</el-menu-item>
        <el-menu-item index="2-4-3">test3</el-menu-item>
      </el-submenu>
    </el-menu>
  </div>
</template>

<script>
import Vue from "vue";
import ElementUI from "element-ui";
Vue.use(ElementUI);
export default {
  name: "app",
  showTimeout: {
    type: Number,
    default: 300
  },
  hideTimeout: {
    type: Number,
    default: 300
  }
};
</script>

但它不起作用，谁能告诉我为什么不起作用？

【问题讨论】：

标签： vue.js element-ui

【解决方案1】：

你有一个错字。 camelCase 在用作 html 标记属性时始终转换为 kebab-case。

<el-submenu :show-timeout="100" :hide-timeout="100" index="2-4">

【讨论】：