14、vue3(十四):权限管理
阿里云国内75折 回扣 微信号:monov8 |
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6 |
一、查询以及数据回显
1.代码实现
(1)接口代码
type.ts:
//数据类型定义
export interface ResponseData {
code: number,
message: string,
ok: boolean
}
//菜单数据与按钮数据的ts类型
export interface Permisstion {
"id"?: number,
"createTime": string,
"updateTime": string,
"pid": number,
"name": string,
"code": null,
"toCode": null,
"type": number,
"status": null,
"level": number,
"children"?: PermisstionList,
"select": boolean
}
export type PermisstionList = Permisstion[];
//菜单接口返回的数据类型
export interface PermisstionResponseData extends ResponseData {
data: PermisstionList
}
//添加与修改菜单携带的参数的ts类型
export interface MenuParams {
id?: number,//ID
"code": string,//权限数值
"level": number,//几级菜单
"name": string,//菜单的名字
"pid": number,//菜单的ID
}