🌀(dropdown-menu && dropdown-menu-item): 整理代码
This commit is contained in:
parent
60da1da79b
commit
ce04ae0a5b
@ -1,11 +1,11 @@
|
|||||||
<template>
|
|
||||||
<ul class="layui-menu layui-dropdown-menu">
|
|
||||||
<slot></slot>
|
|
||||||
</ul>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
export default {
|
export default {
|
||||||
name: "LayDropdownMenu",
|
name: "LayDropdownMenu",
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<ul class="layui-menu layui-dropdown-menu">
|
||||||
|
<slot></slot>
|
||||||
|
</ul>
|
||||||
|
</template>
|
@ -9,14 +9,14 @@ import { inject, Ref } from "vue";
|
|||||||
|
|
||||||
const openState: Ref<boolean> = inject("openState") as Ref<boolean>;
|
const openState: Ref<boolean> = inject("openState") as Ref<boolean>;
|
||||||
|
|
||||||
const click = function () {
|
const handleClick = () => {
|
||||||
openState.value = false;
|
openState.value = false;
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<li>
|
<li>
|
||||||
<div class="layui-menu-body-title" @click="click">
|
<div class="layui-menu-body-title" @click="handleClick">
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user