m0_71185989的博客

原创 vxe-table开启表尾和el-collapse-transition不兼容，动画卡顿

调用控制台 发现是el-collapse-transition内置的计算高度函数计算的高度总是会高一点。使用下面的div包裹住vxe-table 我的table是渲染出来的会有多个。直接放弃使用el-collapse-transition。写一个计算高度的函数。

原创 element-push el-date-picker日期时间选择器，禁用可选中的时间 精确到分钟

element-push el-date-picker日期时间选择器，禁用可选中的时间 精确到分禁用

原创 el-collapse-transition动画卡顿问题

最后发现是 margin值的原因 试了一下发现 margin padding最好都不要有，padding没有那么明显卡顿。动画明显卡顿 首先el-collapse-transition里面最好套一个div。我这个是遍历出来的表格 ，希望遍历出来的表格之间有间距。直接放一个div 非常丝滑。

原创 element-push 实现多行表头

【代码】element-push 实现多行表头。

原创 el-table 修改表头背景色

【代码】el-table 修改表头背景色。

原创 vscode的ctrl加左键不能跳转

设置中搜索 Go to definition。

原创 el-dialog对话框全局配置可拖拽

【代码】el-dialog对话框全局配置可拖拽。

原创 js使用正则表达式替换个别英文字符出现的问题

本意是只允许输入英文大小写数字，以及符合邮箱格式的英文符号，再加一个英文逗号。输入不合规的字符直接替换成''这个正则就是匹配不到英文冒号和英文分号，后面试了一下还有其他的。最后就把上面匹配不到的英文符号再过滤一下就ok了。百思不得其解，有知道的大佬可以告诉我一下。

原创 vue3自定义组件使用 v-show 不生效 使用 v-if 生效

我调控制台的时候发现。一个组件内，有多个组件的时候，他不知道要把这个属性放在谁身上了，所以最外面套个div完事。vue2 中，每个组件必须有一个根节点，所以外面要套个大div。v-show生效是通过 display: none;vue3 开发的时候最外层是不需要的。

原创 el-tooltip包裹el-autocomplete不生效解决方案

el-autocomplete外面再包裹一个div。

原创 element ui 禁用的el-input触发表单校验，不标红的解决方案

el-input禁用的样式比触发校验的样式优先级高。触发必填校验后 不会变红 鼠标悬浮上去会变红。

原创 element plus 表格两个表格联动，左边表格选中数据，右边表格数据随之改变（包含分页器）

不必在意数据，我朋友的项目不会写，我用我们的接口模拟的。随便写的没考虑命名规范。

原创 elementui表格选中行，高亮背景色修改

【代码】elementui表格选中行，高亮背景色修改。

原创 el-table加校验规则（看别人改的，因为怕原作者删了）

【代码】el-table加校验规则。

原创 echarts 折线悬浮 出现直线 和数据（来自群里大佬：阳山麦羹的分享）

叠加个柱状图，鼠标经过的时候设置高亮的透明度为1 默认透明度为0。没办法控制竖线的长短。

原创 vue-baidu-map-3x 驾驶路线规划 起点和终点添加 点击事件

所以pois[0]就是起点 pois[1]就是终点 直接用原生js的addEventListener添加事件就好了。官方文档上面有一个 markersset 方法，接收两个参数。我们的需求改成行驶路线，起始点点击弹窗显示详细信息。log出来就是一个数组 就是地图上 起始点的实例。又是他，这个地图，快把我搞死了。首先 bm-driving 在。

原创 使用vue-baidu-map-3x添加 自定义图标的点

如果添加 rotation属性，要把图片定在div中间，否则旋转起来很怪。这个是官方示例，定义一个icon。示例图：黑框就是图片外的div。不对的地方，欢迎指正。

原创 使用 vue-baidu-map-3x 遇到的问题

最后解决方案：在 baidu-map组件 外面加了个v-if判断；进来的时候 isShow是false ， getInfo接口调用完后再把 isShow 改为 true。上面的 query 是我获取到当前经纬度的接口，下面那个abdr 应该是BMap自己挂载会调用的api。比百度地图的开发者文档看起来简单，但是用的人比较少。所以，遇到问题搜不到。这是我第一次用地图组件，所以我自己也有原因。搜了半天也没搜出来，最后想一下应该是挂载问题。需求：通过车牌号查询到当前汽车的实时位置。

原创 Element-ui的子组件的el-from校验规则要跟随父组件的某个值发生变化

出现的问题：直接定义 rules 的值 ，无法监听到 父组件中 isDeclaration 值的变化。解决办法 ： 定义的 rules 使用 computed 计算属性 return 出去。因为我父组件表单的验证规则也会根据这个值发生变化，所以就写了一个计算属性。子组件我是直接把这个计算属性通过 props 传递过去了。

原创 Element-push 中Tooltip 文字提示，配合Image 图片开启图片预览时产生的bug（el-tooltip的悬浮事件和本体的点击事件冲突）

el-tooltip实例上还有两个方法分别是 onOpen和onClose，见名知义就是文字提示显示和隐藏的方法。但是我在用的时候发现 鼠标悬浮在el-image的大图上就 == 鼠标悬浮在el-image上，只能作罢。：Image通过preview-src-list实现图片预览，然后在外面套一个el-Tooltip就行了。：Image的预览大图也属于el-image，会导致鼠标悬浮大图上，依旧会显示文字提示。el-image有两个事件show和close，分别是显示大图，和关闭大图时触发。

原创 element 改变el-tab选中后标签字体以及下划线颜色

【代码】element 改变el-tab选中后标签字体以及下划线颜色。

原创 vscode自带jsts语法支持

@builtin typescript-language-features

原创 ElementUI中 el-date-picker 日期选择器，只能选择今天以后 的日期

在 el-date-picker身上绑定这个属性 :disabled-date="pickerOptionsRang"el-date-picker中有一个属性 disabled-date。

原创 element实现表格单选功能

在点击确认时，把selectedId存储的id与表格中的数据进行对比，判断相等的一条数据通过emit传递出去。单选框选中后把该行数据的id值储存在 selectedId 中。

原创 element Table表格多选功能改成单选

【代码】element Table表格多选功能改成单选。

原创 Promise {＜pending＞}[[Prototype]]: Promise[[PromiseState]]: “fulfilled“[[PromiseResult]]: Object

把数据放在 .then 里面处理就可以拿到了。

原创 项目开发过程中只想验证事件，而不像发送网络请求

原创 vue3编写注意

启用vue3插件 volar。禁用vue2插件vetur。

原创 css代码块折叠

/* #region ========= *//* #endregion */

原创 数组方法总结

/ 升序 a-b 任意的数字。1、默认升序 10以内的。

原创 JS数组和字符串方法以及对比

内置对象里数组和字符串琐碎方法总结

原创 h5阶段面试题

line-height 由 顶线、基线、底线 三部分组成，文本是在基线上排列的，而基线就在正中间，所以当line-height的值大于父元素的高时，文本垂直居中。什么是bfc机制【面试题】，block format content 格式化上下文内容，让元素独立。在浮动元素的父元素上，添加after伪类语法 clearFix 类名。元素内容所占的宽高=设置的宽高-设置的边框-内边。盒子模型是网页布局的计算元素实际所在位置的布局模式。然后给空的div设置一个属性：clear：both;