uniapp二级菜单功能

<template>
	<view>
		<button @click="showSubMenu">点击显示二级菜单</button>
		<view v-if="showSub">
			<button v-for="(item, index) in subMenu" :key="index">{{ item }}</button>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				showSub: false, // 控制二级菜单的显示与隐藏
				subMenu: ["按钮1", "按钮2", "按钮3", "按钮4"] // 二级菜单的按钮数据
			};
		},
		methods: {
			showSubMenu() {
				this.showSub = !this.showSub; // 点击按钮后显示二级菜单
			}
		}
	}
</script>

<style lang="scss">

</style>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27