• 左侧菜单:获取数据,数据绑定,vfor的每一项添加字体图标,只展开一个子菜单,边框线不齐;横向折叠/展开。。。。。动态绑定!!!::::: 动态绑定不用this指向数据


    获取数据——get请求

    把获取到的数据立即挂载到自己的私有数据data中
    代码:

    if (res.meta.status !== 200)
            return this.$message.error(res.meta.msg);非常常用
    

    后台数据:

    数据渲染/绑定——v-for

    v-for 需要唯一的:key值,如果有id建议用id
    绑定属性,那就冒号呀——:index

    为v-for的每一项添加字体图标——对象obj[item.id] 获取不同的类名


    找到每一项对应的id,绑定上阿里字体图标类名(main中已经引用阿里css类了),构成一个对象obj


    只展开一个子菜单

    这↓属于mean attribute,所以找到menu元素并设置样式

    变为true可以简写,false不行

    边框线不齐


    横向折叠/展开

    添加按钮



    css

    折叠

    menu的
    ①折叠属性


    ②取消折叠动画

    宽度:
    给属性加变量值,一定要加:呀,动态绑定!!!:::::
    动态绑定不用this指向数据

  • 相关阅读:
    Pandas怎样按条件删除行?
    分享一个百度大牛的Python视频系列下载
    Python的几个高级编程技巧
    Pandas系列-读取csv/txt/excel/mysql数据
    判断质数
    mac命令行光标操作快捷键
    私有Docker部署GitLab重置管理员密码
    noip2012借教室
    乘法逆元
    noip2008T2 火柴棒等式
  • 原文地址:https://www.cnblogs.com/icemiaomiao3/p/15773515.html
Copyright © 2020-2023  润新知