Aa12364567的博客

在Vue3中，使用dayjs库可以方便地计算两个日期时间之间的天数差。首先，通过npm install dayjs安装dayjs库。然后在Vue组件中，定义startTime和endTime两个响应式变量，分别表示开始时间和结束时间。通过calculateDiff函数，使用dayjs解析这两个时间，并计算它们之间的天数差。如果时间格式无效，会抛出错误并显示错误信息。最后，在模板中提供两个输入框用于设置时间，并通过按钮触发计算，结果显示相差的天数。

vue3使用<el-date-picker分别设置开始时间和结束时间时，设置开始时间晚于当前时间，开始时间早于结束时间，结束时间晚于开始时间。为避免出现填写结束事件后再次修改开始时间，导致开始时间晚于结束时间，添加 @change=“handleChangeStartTime”

el-date-picker 设置记录时间早于当前时间 （包含时分秒）

el-date-picker 设置开始时间早于当前时间（包含时分秒的处理）

vue3 el-slider鼠标经过滑块的事件。

min.value是slider范围的最小值max.value是slider的最大值，这里替换为你的范围即可自定义Tooltip组件<template></div></div>// 点击后显示，一秒后关闭显示${const percent =((value . value - min . value) /(max . value - min . value)) * 100 // 点击后显示，一秒后关闭显示 setTimeout(() => {return {

el-carousel 在浏览器唤醒的时候，动画效果紊乱。控制autoplay。

el-switch切换之前先确认是否要进行切换，做二次确认、使用before-change。el-switch的before-change的使用方法。

el-carousel修改切换时的速度。

解决:将分页中:pager-count=“3”,改为最小可选值:pager-count="5"即可。参考:可选值必须要大于等于 5 且小于等于 21 的奇数。

toggleRowSelection 方法vue el-table 设置selection选中状态。

vue3 使用 el-popover实现换行。

通过官网可知，该属性已经被移除，出现这种情况大多是因为本地使用的element版本高，但是粘贴的代码是旧版本的代码。

vue3 设置el-tree勾选节点与取消节点。注：id是el-tree的节点id。

vue3 el-tree添加引导线。

vue3调整el-tree样式。

【代码】vue3设置 el-tree只有叶子节点有多选框。

el-tooltip 的content需要的是字符串，而当前数据是数字类型。加一个+ ‘’ 转成字符串。