A③权限管理-表格展开得权限思路;删除标签按钮实现思路

效果:

思路

template渲染数据;
layout布局+for循环渲染(v-for只能放在el-row里面)【放在一行显示就tag标签for渲染】
css(间隔、上下边框线、后边小图标)

注意点

(el-row的一行有24个span(el-col));v-for要有key啊啊 用id;
(el-col总是并行的呀呀)
获取这行信息-插槽:
pre标签获得预格式化的样本-保留空格 空行

总代码


css:



栅格系统:
el-row el-col

一级权限v-for渲染:

css tag的margin 底边框 最上边边框线 后边小图标:

二级权限v-for渲染:

css top不加边框线:

三级权限:放在一行显示,就在tag标签里面v-for渲染

css-页面变小,防止icon小箭头到下面去

css-一级二级标签居中显示


删除标签按钮实现

思路:

标签关闭有@close方法;用messagebox提醒;http请求


role.children=res.data
应用到一级二级

posted @ 2022-01-14 00:20  ice猫猫3  阅读(75)  评论(0编辑  收藏  举报