如何解决添加显示/隐藏超时元素 UI
我有元素 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>
但它不起作用,谁能告诉我为什么不起作用?
解决方法
你有一个错字。 camelCase
在用作 html 标签属性时总是转换为 kebab-case
。
<el-submenu :show-timeout="100" :hide-timeout="100" index="2-4">
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。