通过isSysAdmin配合计算属性的computed过滤渲染项

This commit is contained in:
WindowBird 2025-09-19 14:41:03 +08:00
parent eece503e06
commit 3f4296859f

View File

@ -19,19 +19,19 @@
<!-- 功能菜单区域 --> <!-- 功能菜单区域 -->
<view class="menu-section"> <view class="menu-section">
<view v-for="(item, index) in menuItems" :key="index" class="menu-item"> <view
<template v-for="(item, index) in filteredMenuItems"
v-if="item.title !== '牌位录入' || SysAdmin === true" :key="index"
@click="handleMenuClick(item)" class="menu-item"
> @click="handleMenuClick(item)"
<view class="menu-icon"> >
<image :src="item.icon" mode="aspectFit" /> <view class="menu-icon">
</view> <image :src="item.icon" mode="aspectFit" />
<text class="menu-text">{{ item.title }}</text> </view>
<view class="menu-arrow"> <text class="menu-text">{{ item.title }}</text>
<image :src="CommonEnum.RIGHT_CHEVRON" mode="aspectFit" /> <view class="menu-arrow">
</view> <image :src="CommonEnum.RIGHT_CHEVRON" mode="aspectFit" />
</template> </view>
</view> </view>
</view> </view>
</view> </view>
@ -148,6 +148,11 @@ export default {
console.log("<this.userInfo.isReal>:", this.userInfo.isReal); console.log("<this.userInfo.isReal>:", this.userInfo.isReal);
return this.userInfo.isReal.toString() === "true" ? "已实名" : "未实名"; return this.userInfo.isReal.toString() === "true" ? "已实名" : "未实名";
}, },
filteredMenuItems() {
return this.SysAdmin
? this.menuItems
: this.menuItems.filter((item) => item.title !== "牌位录入");
},
}, },
}; };
</script> </script>