标题接到一个令人抓狂的需求：在搜索框输入关键字搜索时，搜索的结果需要对该关键字做匹配并高亮显示，这是非常简单的。然而给我的需求并不是这么简单的，而是需要input的输入框的文本高亮，这里是用了elementUI 的el-cascader级联选择器，其实el-cascader的底层就是一个input。直接上最终效果一开始就想用过滤器实现，vue1.0支持过滤器，2.0取消了，官网说用computed

1.拿到需求要实现级联选择器并且可以选择任意一级。运用elementUi 的cascader 组件，这个组件默认情况下是严格遵守父子节点互相关联的。要实现可以选择任意一级，那就要给任意一级设置可选择属性。官网提供的:props="{ checkStrictly: true }"解除父子节点互相关联。2.问题来了。。。设计师不想要前面的单选按钮，并且直接点击lable即可选中效果。（1）想办法把单选

vue+scss实现一键全局换肤功能需求：实现点击按钮，项目全局换肤思路：利用window.document.documentElement.setAttribute('data-theme', 'dark')设置html的attribute属性利用scss的混入@mixin定义不同主题的样式表，然后在需要的文件中使用@include加载定义的样式实现步骤：在App.vue中获取当前的主题，并且设

先上效果图思路剖析1.给第一层级添加字段showFlag，默认值都为02.在切换方法中传入第一和第二层级的index,将对应外层级的showFlag的值等于内层级的index3.在视图中的内层循环动态设置class,该class的满足条件：内层index === 外层数组list[parentIndex].showFlag上代码<div class="system-item" v-for="