用户角色功能
需求:
- 点击 设置角色 按钮,复用 角色列表组件 ( src/views/role/index.vue )以弹出窗显示。
针对角色列表组件我们要进行一次重构,添加 勾选框 和 设置角色 按钮进行提交用户角色数据。 - 根据用户id查询此用户拥有的角色,然后在角色列表中进行勾选。
1、用户列表引用角色列表组件
在父组件 user/index.vue 引用 role/index.vue 子组件实现弹窗
- user/index.vue 中导入 role/index.vue 组件,并使用 components 选项引用为子组件。
并在 data 选项中声明 设置角色 要用的属性
<script>
import * as api from "&#