CuiCui_web的博客

elementUI中2个日期组件实现开始时间、结束时间（禁用日期面板、控制开始时间不能超过结束时间的时分秒）实现方案

CuiCui_web — Mon, 11 Nov 2024 16:15:14 +0800

没有使用selectableRange 禁用时分秒，是因为他会禁止每天的时分秒。我们需要解决的是当开始时间、结束时间是同一天时，开始时间不能超过结束时间。如果直接清空，用户体验不好。所以用watch监听赋值，当前操作谁，它不满足条件，就改变它本身。

vue中调用全屏方法、 elementUI弹框在全屏模式下不出现问题、多级嵌套弹框蒙层遮挡问题等处理与实现方案

CuiCui_web — Mon, 11 Nov 2024 15:43:07 +0800

全屏模式下弹框不展示的原因是elementUI的弹框我们让他挂在body中了，而我们全屏的div盒子不是整个文档，这时候就找不到弹框了。当我们把弹框改为插入到父元素上这时候会出现蒙层盖住整个页面，什么也点不了的问题。这是elementUI官方的一个bug，解决方案，需把父弹框挂在body中。这时候就有点无解了。先介绍最优的方案，然后再介绍一种不太好的方案（为啥说不好呢，因为它是操作dom，会导致只要切换全屏、退出全屏，整个页面就进行重排重绘）

uniapp使用中小问题及解决方法集合

CuiCui_web — Mon, 04 Nov 2024 10:51:59 +0800

* 页面A */important;配置新的返回按钮"h5": {}]页面编写返回方法/** 自定义按钮 */delta: 1 // 默认值是1，表示返回的页面层数});},

vue2中使用jsx基础

CuiCui_web — Fri, 02 Aug 2024 15:41:03 +0800

总结：如果子组件里传过来的不是个对象，那直接render里{scope} 没问题。如果写个方法，return，直接回显就是[object,object]。下面一个示例包含一些基础的方法使用、v-if的用法、v-show、v-for的使用，这里就偷个懒了，不挨个拆分来细讲了。在父组件中直接使用scope，我们这时候页面上显示的是undefined，实际上他是一个object。这时候，我们在页面上看到的就是 [object,object]如果子组件里面用的插槽中传参是一个对象，子组件child01中。

nvm管理node版本问题处理集合

CuiCui_web — Fri, 02 Aug 2024 13:13:15 +0800

在nvm的安装路径下找到settings.txt文件，如果没有，可以新建一个，其实这个文件可以理解为nvm的配置文件。

前端计算精度丢失问题

CuiCui_web — Wed, 10 Jan 2024 19:24:45 +0800

toFixed也有精度丢失问题，直接main.js中改写toFixed方法。vue项目中直接装插件。方式二：封装js方法。

elementUI表格勾选框判断选择相同的内容才能进行后续逻辑处理；否则拦截提示

CuiCui_web — Mon, 26 Jun 2023 13:36:58 +0800

2、判断是否相同的内容的公共方法，tableSelectArr是勾选的数据集合。不满足条件给出提示：请选择同一个年级、分数的学生。可多选需满足条件：同一个年级、同一个分数；3、按钮位置增加判断、拦截。1、先对勾选数据进行赋值。

toFixed精度丢失问题

CuiCui_web — Mon, 05 Jun 2023 17:08:43 +0800

10.3950 * 3935.00 用toFixed（2）得到的是40904.32 实际应该是40904.33。在main.js中直接复制下面代码即可。在main.js中直接复制下面代码即可。

vue（vue3）实现监听切出当前窗口，切回当前窗口调用查询接口

CuiCui_web — Mon, 05 Jun 2023 16:55:22 +0800

注意： vue中使用，需要及时移除掉监听。比如说2个界面都写了监听方法，然后多次来回切换2个界面，多次切换不同的窗口，会导致调用的接口多次执行，影响性能。

vue3-ElementPlus-ts之表单运用（含表格规则校验）

CuiCui_web — Fri, 08 Jul 2022 13:47:02 +0800

vue3中运用elementPlus的表单，多规则校验

vue中使用FullCalendar实现自由拖拽日历活动（包含获取当前视图开始时间与结束时间，动态渲染接口日历活动数据）

CuiCui_web — Tue, 29 Mar 2022 11:09:36 +0800

1、安装FullCalendar相关插件 npm install --save "@fullcalendar/core" npm install --save "@fullcalendar/interaction" npm install --save "@fullcalendar/daygrid" npm install --save "@fullcalendar/vue" 2、引用，静态数据进行拖拽（此时没有请求任何接口）

echarts折线图汇总要点

CuiCui_web — Tue, 22 Mar 2022 16:02:50 +0800

1、过滤掉部分横坐标不展示代码完整部分： xAxis: { type: 'category', boundaryGap: false, data: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23], axisLabel: { // 计算并展示部分横坐标

js实现小写金额转大写

CuiCui_web — Fri, 18 Mar 2022 15:15:29 +0800

公共方法： /** 小写金额转大写金额 */ dealBigMoney(n) { if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) { return '数据非法' } let unit = '千百拾亿千百拾万千百拾元角分'; let str = '' n += '00' const p = n.indexOf('.') if (p >= 0) { n = n.substring(0,.

利用element日期组件，封装季度组件，实现日、周、月、季度切换，默认禁用部分日期选择（附带：获取昨日、昨日所在周、昨日所在月、昨日所在季度等方法）

CuiCui_web — Fri, 21 Jan 2022 16:23:08 +0800

1、季度组件封装，创建一个 quarterDate.vue文件

CuiCui_web的博客

elementUI中2个日期组件实现开始时间、结束时间（禁用日期面板、控制开始时间不能超过结束时间的时分秒）实现方案

vue中调用全屏方法、 elementUI弹框在全屏模式下不出现问题、多级嵌套弹框蒙层遮挡问题等处理与实现方案

uniapp使用中小问题及解决方法集合

vue2中使用jsx基础

nvm管理node版本问题处理集合

前端计算精度丢失问题

elementUI表格勾选框判断选择相同的内容才能进行后续逻辑处理；否则拦截提示

toFixed精度丢失问题

vue（vue3）实现监听切出当前窗口，切回当前窗口调用查询接口

vue3-ElementPlus-ts之表单运用（含表格规则校验）

vue中使用FullCalendar实现自由拖拽日历活动（包含获取当前视图开始时间与结束时间，动态渲染接口日历活动数据）

echarts折线图汇总要点

js实现小写金额转大写

利用element日期组件，封装季度组件，实现日、周、月、季度切换，默认禁用部分日期选择（附带：获取昨日、昨日所在周、昨日所在月、昨日所在季度等方法）

elementUI表格合计行放顶部，合计行渲染所有数据的和（不是计算当前分页的和）

vue实现指定区域自由拖拽、打印功能

vant兼容问题之van-popup组件在ios上出现重叠问题

elementUI表格编辑状态下，如何获取修改过的行

elementUI table固定列底部滚动轴无法拖动问题

vue3中知识点总结（持续更新）

CuiCui_web的博客

elementUI中2个日期组件实现开始时间、结束时间（禁用日期面板、控制开始时间不能超过结束时间的时分秒）实现方案

vue中调用全屏方法、 elementUI弹框在全屏模式下不出现问题、多级嵌套弹框蒙层遮挡问题等处理与实现方案

uniapp使用中小问题及解决方法集合

vue2中使用jsx基础

nvm管理node版本问题处理集合

前端计算精度丢失问题

elementUI表格勾选框判断选择相同的内容才能进行后续逻辑处理；否则拦截提示

toFixed精度丢失问题

vue（vue3）实现监听切出当前窗口，切回当前窗口调用查询接口

vue3-ElementPlus-ts之表单运用（含表格规则校验）

vue中使用FullCalendar实现自由拖拽日历活动（包含获取当前视图开始时间与结束时间，动态渲染接口日历活动数据）

echarts折线图汇总要点

js实现小写金额转大写

利用element日期组件，封装季度组件， 实现日、周、月、季度切换，默认禁用部分日期选择（附带：获取昨日、昨日所在周、昨日所在月、昨日所在季度等方法）

elementUI表格合计行放顶部，合计行渲染所有数据的和（不是计算当前分页的和）

vue实现指定区域自由拖拽、打印功能

vant兼容问题之van-popup组件在ios上出现重叠问题

elementUI表格编辑状态下，如何获取修改过的行

elementUI table固定列底部滚动轴无法拖动问题

vue3中知识点总结（持续更新）

利用element日期组件，封装季度组件，实现日、周、月、季度切换，默认禁用部分日期选择（附带：获取昨日、昨日所在周、昨日所在月、昨日所在季度等方法）