У меня есть вкладка меню с пунктами меню, где один пункт должен быть отключен. Я использую элемент. Компонент - это Navmenu
<template>
<el-menu mode="horizontal" :default-active="route" :router="true">
<el-menu-item route="/one" index="one">Tab One</el-menu-item>
<el-submenu index="additional">
<el-menu-item index="disableMe" disabled> Disable Me </el-menu-item>
</el-submenu>
</template>
Событие щелчка работает с «Отключить меня», хотя оно было отключено, поэтому я попытался зафиксировать событие и предотвратить действие по умолчанию.
<el-menu-item index="disableMe" disabled v-on:click.self.prevent> Disable Me </el-menu-item>
Возникает ошибка, если событие preventdefault()
не определено.
Я попробовал другой вариант, т.е. добавил щелчок, чтобы зафиксировать событие, а затем вызвать функцию preventdefault()
.
<el-menu-item index="disableMe" @click="disabled"> Disable Me </el-menu-item>
disabled (event) {
event.preventDefault();
event.target.disabled = true;
}
Ошибка event.preventDefault () не определена
Я попробовал другой вариант, т.е. добавил событие щелчка для захвата и явно передал событие.
<el-menu-item index="disableMe" @click="disabled('disabling element', $event)"> Disable Me </el-menu-item>
disabled (msg, event) {
event.preventDefault();
event.target.disabled = true;
}
Ошибка event.preventDefault () не определена.
Есть ли какая-то другая работа, или я здесь что-то не так делаю?
Изменить: мне пришлось обновить библиотеку npm, и она сработала. * вздох *