35 lines
673 B
Vue
35 lines
673 B
Vue
<script lang="ts">
|
|
export default {
|
|
name: "LayMenuItem"
|
|
}
|
|
</script>
|
|
|
|
<script setup lang="ts">
|
|
import { defineProps, inject, Ref, useSlots } from "vue";
|
|
|
|
const slots = useSlots();
|
|
|
|
const props = defineProps<{
|
|
id: string;
|
|
title?: string;
|
|
}>();
|
|
|
|
const selectedKey: Ref<string> = inject("selectedKey") as Ref<string>;
|
|
|
|
const selectHandle = function () {
|
|
selectedKey.value = props.id;
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<li
|
|
class="layui-nav-item"
|
|
:class="[selectedKey === id ? 'layui-this' : '']"
|
|
@click="selectHandle()"
|
|
>
|
|
<a href="javascript:void(0)">
|
|
<slot v-if="slots.default"></slot>
|
|
<span v-else>{{ title }}</span>
|
|
</a>
|
|
</li>
|
|
</template> |