zoukankan      html  css  js  c++  java
  • A②权限管理角色列表——ui效果;表格展开列;添加编辑删除自己写注意点;id的传参

    ui效果



    表格展开列

    type="expand"

    添加编辑删除自己写

    添加:
    (dialog弹出;表单;新建空数据-数据绑定;预验证;)
    (取消按钮--@close 表单填过的数据重置)
    (确认按钮--@click this.$refs.A.validate(buer=>{buer 发送请求post+刷新页面 } ))
    编辑:
    (dialog弹出;表单;预加载表单信息,角色名(表单某一项)不可更改;提交修改put)
    删除:
    (messagebox弹框,$confirm,)确认返回-confirm;取消返回-cancel

    添加编辑删除自己写-注意点:

    添加的 预验证(prop规则名和数据参数名一致)
    添加的 发送请求post(链接,数据)——post,put修改两个参数
    编辑的 预加载表单信息-即查询表单信息-作用域插槽【不管数据里面id名是啥,统一用scope.row.id呀--参数名id】

    编辑的 id使用v-model绑定的数据的id属性--用具体的数据里面的id名
    删除的 $confirm,$http.delete 也需要请求,也需要判断status

    id的传参情况

    scope.row.id(按钮总是用这个)——作用域插槽【不管数据里面id名是啥,统一用scope.row.id呀--参数名id】
    数据的id属性名——v-model绑定的数据的id属性--用具体的数据里面的id名
    上一级有没有这个参数,先存起来——eg.角色列表-分配权限(打开dialog时存储role)
    http请求数据——eg.不同页面的信息(用户列表 需要分配角色-角色有单独的页面)

  • 相关阅读:
    Linux下面rsync 实现 完全一致的同步方法
    [知乎]中国的对外援助
    Linux测试环境简单使用教程
    Java中的DeskTop类使用介绍
    Android应用加入微信分享
    Java中的面向接口编程
    Java泛型的好处
    Android studio 下JNI编程实例并生成so库
    在Android应用中使用Clean架构
    是时候学习Android分屏开发了
  • 原文地址:https://www.cnblogs.com/icemiaomiao3/p/15797112.html
Copyright © 2011-2022 走看看