CRUD dialog for system menus with tree selection, icon picker, and permission settings.
<!--
Source: https://github.com/yudaocode/yudao-ui-admin-vue2 | License: MIT | Copyright 2021 ruoyi-vue-pro
Provided via justclaw.it.com; keep this notice with the code.
-->
<template>
<el-dialog
:title="dialogTitle"
:visible.sync="dialogVisible"
width="800px"
append-to-body
>
<el-form
ref="form"
v-loading="formLoading"
:model="formData"
:rules="formRules"
label-width="100px"
>
<el-form-item label="上级菜单"><treeselect
v-model="formData.parentId"
:options="menuTree"
:normalizer="normalizer"
placeholder="请选择上级菜单"
/></el-form-item>
<el-form-item
label="菜单名称"
prop="name"
><el-input
v-model="formData.name"
clearable
placeholder="请输入菜单名称"
... (truncated -- full source via MCP)
See the full source, get the GitHub permalink, and search for more like it.
Get a free API key