applesky

摘要： 接到需求需要只在一行内显示多个标签，且标签超出输入框时超出的标签不显示，只显示统计数字的标签。 效果图： 网上查资料，发现一篇大佬的文章跟该需求很类似，就借用了大佬的写法，文章链接看这里。 后面发现还是有两个地方需要做下微调整。 1、需要数字标签紧跟着文字标签的后面排列，不能一直固定在右边 2、当页 阅读全文

摘要： 方案： el-tooltip支持添加自定义class，通过popper-class进行添加 代码示例：html <el-tooltip :content="content" placement="top" popper-class="tooltip-width"> <el-button>Dark</ 阅读全文

摘要： 需求背景： 当el-date-picker可以多选日期时，时间的顺序是按照选择的顺序来的，体验不是很好。需要在选时间的同时进行时间排序 解决方案： 使用watch监听v-model绑定的值的变化，然后进行时间排序 代码示例： html <el-date-picker type="dates" v-m 阅读全文

摘要： 问题现象： 支持选择多个时间的日期组件，在日历面板展开时点击清空图标是无法清空的 解决方案： 查找资料发现可以通过change事件来监听清空操作，当监听到value值为null时，说明在做清空操作，这时就能通过直接将绑定的数据值清空来达到清空的效果，不过直接进行数据赋值为空时，页面仍然会显示数据，后 阅读全文

摘要： 需求背景： 要求验证选择的时间是否在可选的时间范围内（即应用的时间范围），但是可选的时间范围是只有月份和天数，不限制年份，所以选择的时间也只验证月日，不校验年份 解决方案： 需要比较只有月份和日份的日期的大小。当前想到的只有将月份和日份分别拆分出来做比较，目前考虑可能有五种情形： 当开始时间的月份和 阅读全文

摘要： 需求背景： 要求在离开页面时需要判断页面的数据是否有做过改动，由于页面的数据是表单对象的形式，所以只需要判断对象的属性值是否有发生过变化就行 解决方案： 查找资料发现比较简单的写法就是通过JSON.stringify转换成字符串进行对比 上代码案例： const x = { a: 1, b: 2, 阅读全文

摘要： 现象： 原因： 下拉框多选时，数据类型是数组，设置的数据初始化值不是空数组，而是空字符串导致 修改： 阅读全文

摘要： 1.工具准备 Visual Studio Code 以及插件Live Sass Compiler 安装Live Sass Compiler插件： 用于转换scss/sass文件为css文件 2.基本用法 1】新建demo.scss文件，输写如下内容 .header { .top { color: r 阅读全文

摘要： 问题现象： 解决方法： npm install '@vue/babel-preset-app' --save-dev 注： 也可以输入 npm install @vue/babel-preset-app --save-dev ， 如果报‘源文本中存在无法识别的标记’ 则需要打单引号或者双引号 阅读全文

摘要： 问题现象： 问题原因： vue文件里的引入的组件的文件路径不对，导致了报错 解决办法： 配置正确组件引入路径 阅读全文