2021-09-29 15:42:53 +00:00
|
|
|
<template>
|
2021-10-01 10:20:41 +00:00
|
|
|
<ul class="layui-nav" :class="[tree ? 'layui-nav-tree':'']">
|
2021-09-29 15:42:53 +00:00
|
|
|
<slot></slot>
|
|
|
|
</ul>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script setup name="LayMenu" lang="ts">
|
2021-10-06 11:09:03 +00:00
|
|
|
import { defineProps, provide, ref } from 'vue'
|
2021-09-29 15:42:53 +00:00
|
|
|
|
2021-10-08 03:09:44 +00:00
|
|
|
const props = withDefaults(
|
2021-10-01 10:20:41 +00:00
|
|
|
defineProps<{
|
2021-10-08 03:09:44 +00:00
|
|
|
selectedKey?: string
|
2021-10-03 14:47:49 +00:00
|
|
|
tree?: boolean
|
2021-10-08 03:09:44 +00:00
|
|
|
}>(),
|
|
|
|
{
|
|
|
|
selectedKey: "",
|
|
|
|
tree: false,
|
|
|
|
}
|
|
|
|
)
|
2021-10-06 11:09:03 +00:00
|
|
|
|
|
|
|
const isTree = ref(props.tree)
|
2021-10-08 03:09:44 +00:00
|
|
|
const selectKey = ref(props.selectedKey)
|
2021-10-06 11:09:03 +00:00
|
|
|
|
|
|
|
provide("isTree",isTree);
|
2021-10-08 03:09:44 +00:00
|
|
|
provide("selectKey",selectKey)
|
2021-09-29 15:42:53 +00:00
|
|
|
</script>
|