VUE element-ui 之多级下拉菜单（筛选框）_elementui 多层级下拉框(1)

最后

编程基础的初级开发者，计算机科学专业的学生，以及平时没怎么利用过数据结构与算法的开发人员希望复习这些概念为下次技术面试做准备。或者想学习一些计算机科学的基本概念，以优化代码，提高编程技能。这份笔记都是可以作为参考的。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

多级筛选框:

<span>时间筛选</span>
    <el-cascader
      v-model="value"
      style="width:160px"
      size="small"
      :options="option"
      @change="handleChange"
    />

自定义筛选框内的值:

value: ['按年统计'],
      option: [
        {
          value: '按年统计',
          label: '按年统计'
        },
        {
          value: '按月统计',
          label: '按月统计',
          children: [
            {
              value: '近3个月',
              label: '近3个月'
            },
            {
              value: '近6个月',
              label: '近6个月'
            },
            {
              value: '近一年',
              label: '近一年'


### 学习笔记

主要内容包括**html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue**等等

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

>**HTML/CSS**

**HTML：**HTML基本结构，标签属性，事件属性，文本标签，多媒体标签，列表 / 表格 / 表单标签，其他语义化标签，网页结构，模块划分

**CSS：**CSS代码语法，CSS 放置位置，CSS的继承，选择器的种类/优先级，背景样式，字体样式，文本属性，基本样式，样式重置，盒模型样式，浮动float，定位position，浏览器默认样式

![](https://img-blog.csdnimg.cn/img_convert/83fba3ddbb594cb4fe8fcc6cad29cf74.webp?x-oss-process=image/format,png)

>**HTML5 /CSS3**

**HTML5：**HTML5 的优势，HTML5 废弃元素，HTML5 新增元素，HTML5 表单相关元素和属性

**CSS3：**CSS3 新增选择器，CSS3 新增属性，新增变形动画属性，3D变形属性，CSS3 的过渡属性，CSS3 的动画属性，CSS3 新增多列属性，CSS3新增单位，弹性盒模型

![](https://img-blog.csdnimg.cn/img_convert/1ce6701b5ae0c9c726578c87d404e924.webp?x-oss-process=image/format,png)

>**JavaScript**

**JavaScript：**JavaScript基础，JavaScript数据类型，算术运算，强制转换，赋值运算，关系运算，逻辑运算，三元运算，分支循环，switch，while，do-while，for，break，continue，数组，数组方法，二维数组，字符串

![](https://img-blog.csdnimg.cn/img_convert/4bf2351973bf886e0c42733248e27a6c.webp?x-oss-process=image/format,png)

，do-while，for，break，continue，数组，数组方法，二维数组，字符串

[外链图片转存中...(img-SWdX5whZ-1715799192532)]