vue前端可以完整的显示编辑子级部门，用户管理可以为用户分配角色和部门？

用户和角色是一对多的关系
用户和部门是多对多得关系

<template><div class="s"><!-- 操作按钮 --><div class="shang"><el-input v-model="searchText" placeholder="请输入搜索关键词" style="width: 500px;"></el-input><el-button type="primary" @click="search">搜索</el-button><el-button @click="resetForm">重置</el-button></div><br><el-button type="primary" @click="showAddDialog">新增用户</el-button><el-table :data="tableData" style="width: 100%"><el-table-column prop="name" label="姓名"></el-table-column><el-table-column prop="user_email" label="邮箱号"></el-table-column><el-table-column label="角色"><template slot-scope="scope">{{ getRoleName(scope.row.role_id) }}</template></el-table-column><el-table-column label="部门"><template slot-scope="scope"><span v-for="(department, index) in scope.row.department_id" :key="department">{{ department.split(' ----- ').pop() }}</span></template></el-table-column><el-table-column label="操作"><template slot-scope="scope"><el-button size="mini" @click="showEditDialog(scope.row)">编辑</el-button><el-button size="mini" type="danger" @click="handleDelete(scope.row.user_id)">删除</el-button>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/400760.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！