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
应用到一级二级