vue之element-ui侧边栏收缩

添加组件前提：已经集成了element ui使用：在element官网复制收缩组件到代码，然后，把样式复制到style里面。否则，菜单栏收缩时，不会有动画。// 菜单收缩栏样式(关闭时).el-menu-vertical-demo:not(.el-menu--collapse) {width: 200px;min-height: 400px;}待优化：...

my596257

11389人浏览 · 2019-11-15 09:19:47

my596257 · 2019-11-15 09:19:47 发布

添加组件

前提：已经集成了element ui
使用：在element官网复制收缩组件到代码，然后，把样式复制到style里面。否则，菜单栏收缩时，不会有动画。

// 菜单收缩栏样式(关闭时)
  .el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 200px;
    min-height: 400px;
  }

待优化：
菜单栏关闭时的顺序！！！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^