[Bug]: 角色管理设置菜单权限,设置首页后,点击确定,再切换角色提示无法找到默认路由

### gin-vue-admin 版本

2.8.0

### Node 版本

v18.20.3

### Golang 版本

go 1.22

### 是否依旧存在

可以

### bug描述

首先点开
角色管理->测试角色->设置权限->角色菜单
设置任意一个菜单为首页后->点击右上角确定按钮-> 点击切换角色
提示错误: 找不到默认路由,无法切换本角色
定位问题:
根据报错提示找到对应方法
`
//@author: [piexlmax](https://github.com/piexlmax)
//@function: SetUserAuthority
//@description: 设置一个用户的权限
//@param: uuid uuid.UUID, authorityId string
//@return: err error

func (userService *UserService) SetUserAuthority(id uint, authorityId uint) (err error) {

assignErr := global.GVA_DB.Where("sys_user_id = ? AND sys_authority_authority_id = ?", id, authorityId).First(&system.SysUserAuthority{}).Error
	if errors.Is(assignErr, gorm.ErrRecordNotFound) {
		return errors.New("该用户无此角色")
	}

var authority system.SysAuthority
	err = global.GVA_DB.Where("authority_id = ?", authorityId).First(&authority).Error
	if err != nil {
		return err
	}
	var authorityMenu []system.SysAuthorityMenu
	var authorityMenuIDs []string
	err = global.GVA_DB.Where("sys_authority_authority_id = ?", authorityId).Find(&authorityMenu).Error
	if err != nil {
		return err
	}

for i := range authorityMenu {
		authorityMenuIDs = append(authorityMenuIDs, authorityMenu[i].MenuId)
	}

var authorityMenus []system.SysBaseMenu
	err = global.GVA_DB.Preload("Parameters").Where("id in (?)", authorityMenuIDs).Find(&authorityMenus).Error
	if err != nil {
		return err
	}
	hasMenu := false
	jsonStr, _ := json.Marshal(authorityMenus)
	log.Printf("authorityMenus: %s,authority.DefaultRouter:%v", jsonStr, authority.DefaultRouter)
	for i := range authorityMenus {
		if authorityMenus[i].Name == authority.DefaultRouter {
			hasMenu = true
			break
		}
	}
	if !hasMenu {
		return errors.New("找不到默认路由,无法切换本角色")
	}

err = global.GVA_DB.Model(&system.SysUser{}).Where("id = ?", id).Update("authority_id", authorityId).Error
	return err
}
`
函数逻辑就是检查当前角色菜单内是否包含DefaultRouter 的路由即 设为首页对应的路由
打断点调试,发现确实没有对应路由
猜测设置首页的时候没有设置成功
然后F12查看 设为首页 对应接口,/api/authority/updateAuthority 接口传参如下
{
  "authorityId": 8881,
  "AuthorityName": "普通管理员",
  "parentId": 888,
  "defaultRouter": "person"
}
发现并没有设置角色的路由菜单,只修改了
defaultRouter 即默认路由,
查看数据库日志 发现也并没有删除或更新角色菜单表 sys_authority_menus 
所以问题不在于设为首页这个接口
继续尝试复现,发现点击设为首页接口时 组件节点树对应的节点 被禁用了并且无法选中
![](https://foruda.gitee.com/images/1743157441009595412/0d33cabe_9727494.png "截屏2025-03-28 17.57.39.png")
然后发现此时点击确定这个动作对应接口 /api/menu/addMenuAuthority
 会更新角色的菜单
传参如下

![](https://foruda.gitee.com/images/1743157471344007950/20c5bded_9727494.png "截屏2025-03-28 18.02.12.png")
确实没有传递菜单 控制台 ID为1的那个路由
到这里基本定位到问题了,设为首页时 本该存在的路由菜单 被取消选中 然后点击确定 更新了角色菜单导致 角色的默认路由被删除掉了

继续定位问题 
想到节点树组件的选中状态是由 default-checked-keys 管理的
即menus.vue 文件中变量 menuTreeIds 的值
于是 打开Vuetools 查看default-checked-keys 的值是否发生变化
![输入图片说明](https://foruda.gitee.com/images/1743157494176075164/e52b5fab_9727494.png "截屏2025-03-28 18.08.40.png")
奇怪的事情发生了,ID为1的路由并没有被删除,按理说应该还是选中状态,于是查询官方文档
https://element.eleme.cn/#/zh-CN/component/tree
![输入图片说明](https://foruda.gitee.com/images/1743157511920265545/b1b0ce7e_9727494.png "截屏2025-03-28 18.10.49.png")
这里管理的是默认状态选中的节点,推测只在初始化时起作用,也就是说后面手动选中或者取消选中并不会体现在这个属性中
突然灵光一闪 default-checked-keys 只在组件初始化时生效，而不会动态响应后续的值变化。
那么是不是我点击设为首页的时候把这个节点给取消选中了
嘿,测试了一下,还真是
看对应代码
`
<el-tree
          ref="menuTree"
          :data="menuTreeData"
          :default-checked-keys="menuTreeIds"
          :props="menuDefaultProps"
          default-expand-all
          highlight-current
          node-key="ID"
          show-checkbox
          :filter-node-method="filterNode"
          @check="nodeChange"
        >
          <template #default="{ node, data }">
            <span class="custom-tree-node">
              <span>{{ node.label }}</span>
              <span v-if="node.checked">
                <el-button
                  type="primary"
                  link
                  :style="{
                    color:
                      row.defaultRouter === data.name ? '#E6A23C' : '#85ce61'
                  }"
                  @click="() => setDefault(data)"
                >
                  {{ row.defaultRouter === data.name ? '首页' : '设为首页' }}
                </el-button>
              </span>
              <span v-if="data.menuBtn.length">
                <el-button type="primary" link @click="() => OpenBtn(data)">
                  分配按钮
                </el-button>
              </span>
            </span>
          </template>
        </el-tree>
`
这里使用了插槽修改了 Tree组件 增加了设为首页的按钮 el-button
在 el-tree 中，点击节点内部的元素（如 el-button）时，默认会触发节点的点击事件。这是因为事件冒泡机制导致的。
明白了问题所在,这里没有考虑到事件冒泡
修改起来就很简单
Vue 提供的 .stop 修饰符可以直接阻止事件冒泡。
在 @click 后添加 .stop，即可阻止点击事件冒泡到父级元素。

直接修改 web/src/view/superAdmin/authority/components/menus.vue的第 34行为 @click.stop="() => setDefault(data)"

### 修改建议

修改 web/src/view/superAdmin/authority/components/menus.vue的第 34行为 @click.stop="() => setDefault(data)"

pixel/gin-vue-admin

内容风险标识

评论 (0)

pixel/gin-vue-admin .gitee-modal { width: 500px !important; }

内容风险标识