zoukankan      html  css  js  c++  java
  • 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
    应用到一级二级

  • 相关阅读:
    Spark基础
    flink杂记
    算法
    算法小结
    Java内存模型
    LeetCode---Backtracking && DP
    LeetCode---Sort && Segment Tree && Greedy
    LeetCode---Depth-first && Breadth-first
    LeetCode---Bit Manipulation && Design
    MD5
  • 原文地址:https://www.cnblogs.com/icemiaomiao3/p/15800281.html
Copyright © 2011-2022 走看看