fix(admin-vue): 编辑用户菜单权限已授权回显失效——树数据就绪后 await nextTick 再 setCheckedKeys(el-tree store 异步同步 props.data,旧实现作用在空 store 上勾选丢失),补源码断言防回归测试

This commit is contained in:
2026-09-09 18:32:44 +08:00
parent b3f7b81b9c
commit 02441565a0
2 changed files with 17 additions and 2 deletions
@@ -1,5 +1,5 @@
<script setup lang="ts">
import { computed, onMounted, ref, watch } from 'vue'
import { computed, nextTick, onMounted, ref, watch } from 'vue'
import type { MenuOptionNode } from './user-menu-auth'
import { compactDirectGrantIds } from './user-menu-auth'
import { fetchGrantableMenus } from './user-menu-auth-api'
@@ -43,8 +43,11 @@ async function load(): Promise<void> {
try {
data.value = await fetchGrantableMenus()
loaded.value = true
applyChecked()
emit('load', true)
// el-tree 的 store 通过异步 watch 同步 props.datasetCheckedKeys 必须等树
// 渲染完成后再应用已勾选 id,否则作用在空 store 上导致已授权不回显。
await nextTick()
applyChecked()
} catch {
loaded.value = false
emit('load', false)