1.介绍Tooltip常用于展示鼠标hover时的提示信息。而在实际过程中，有这么一个需求：只有文字内容排不下，出现省略号，才需要显示tooltip的提示内容。本文章的思路是通过一个自定义指令实现如下效果：姓名字段过长时才显示tooltip 2. element-ui(vue2版本)2.1注册指令1) akTooltipAutoShow.js说明：注册了一个名称为'ak-tooltip-auto-show'的指令。会根据内容进行判断是否展示tooltip。importVuefrom'vue';import{on,off,getStyle}from'element-ui/src/utils/do
1.介绍Tooltip常用于展示鼠标hover时的提示信息。而在实际过程中，有这么一个需求：只有文字内容排不下，出现省略号，才需要显示tooltip的提示内容。本文章的思路是通过一个自定义指令实现如下效果：姓名字段过长时才显示tooltip 2. element-ui(vue2版本)2.1注册指令1) akTooltipAutoShow.js说明：注册了一个名称为'ak-tooltip-auto-show'的指令。会根据内容进行判断是否展示tooltip。importVuefrom'vue';import{on,off,getStyle}from'element-ui/src/utils/do
element-ui因其组件丰富、可拓展性强、文档详细等优点成为Vue最火的第三方UI框架。element-ui其本身就针对后台系统设计了很多实用的组件，基本上满足了平时的开发需求。既然如此，那么我们为什么还要进行二次封装呢？有以下两种场景在日常的开发过程中，部分模块重复性比较强，这个时候就会产生大量重复的代码。这些模块的样式基本上是比较固定的，而且实现的功能也比较相近。如果每个地方都复制一份相似的代码，既不遵守代码的简洁之道，也不利于后期的维护修改此外，在一些业务背景下，产品可能会要求设计新的交互。这个时候也可以基于element-ui进行二次开发，将其封装成一个新的组件方便多个地方使用因为
element-ui因其组件丰富、可拓展性强、文档详细等优点成为Vue最火的第三方UI框架。element-ui其本身就针对后台系统设计了很多实用的组件，基本上满足了平时的开发需求。既然如此，那么我们为什么还要进行二次封装呢？有以下两种场景在日常的开发过程中，部分模块重复性比较强，这个时候就会产生大量重复的代码。这些模块的样式基本上是比较固定的，而且实现的功能也比较相近。如果每个地方都复制一份相似的代码，既不遵守代码的简洁之道，也不利于后期的维护修改此外，在一些业务背景下，产品可能会要求设计新的交互。这个时候也可以基于element-ui进行二次开发，将其封装成一个新的组件方便多个地方使用因为
今天开发遇到一个坑，使用element-plus中的upload上传文件，拖拽功能失效；最后发现是设置了accept（接受上传的文件类型），导致的问题，具体原因我现在不明，知道的伙伴可以一起讨论下。解决：将accept属性删除，拖拽功能就能使用了
前言项目上实现某个功能，使用到了el-select和el-tree组合实现，记录下两者结合的实现过程。要求根据项目接口提供的数据，el-tree里的数据是一次性返回来的，点击最后一层级时，请求接口，在点击层级下方追加数据追加的数据要显示勾选框，可进行勾选，且是单选勾选后需要返回勾选的层级以及它的父级实现效果如下：数据回显效果：实现关键部分el-tree里的显示勾选框不符合当前“追加的数据要显示勾选框，可进行勾选”这个需求，所以我修改了el-tree的源码进行使用。追加子级数据，el-tree文档提供了这个这个方法，可以追加子级数据对象里有指定字段才显示勾选框，这里我指定字段为currentSh
今天开发遇到一个坑，使用element-plus中的upload上传文件，拖拽功能失效；最后发现是设置了accept（接受上传的文件类型），导致的问题，具体原因我现在不明，知道的伙伴可以一起讨论下。解决：将accept属性删除，拖拽功能就能使用了
前言项目上实现某个功能，使用到了el-select和el-tree组合实现，记录下两者结合的实现过程。要求根据项目接口提供的数据，el-tree里的数据是一次性返回来的，点击最后一层级时，请求接口，在点击层级下方追加数据追加的数据要显示勾选框，可进行勾选，且是单选勾选后需要返回勾选的层级以及它的父级实现效果如下：数据回显效果：实现关键部分el-tree里的显示勾选框不符合当前“追加的数据要显示勾选框，可进行勾选”这个需求，所以我修改了el-tree的源码进行使用。追加子级数据，el-tree文档提供了这个这个方法，可以追加子级数据对象里有指定字段才显示勾选框，这里我指定字段为currentSh
什么是枚举Enum枚举Enum是在众多语言中都有的一种数据类型，JavaScript中还没有（TypeScript有）。用来表示一些特定类别的常量数据，如性别、学历、方向、账户状态等，项目开发中是很常用的。Text文字（界面显示）key编码（编码、存储使用）数字value值（存储使用）男male/man/nan1女female/woman/nv2其他other3如上表中的性别枚举结构，前端页面上显示文字男、女，代码中一般使用编码key，后端数据库存储可能会用编码key，也可能用数字value值。用数字存储，占用空间会更小，还能用位运算存储多个值（算是稍微高级一点的玩法了）。前端应用场景表格数据
什么是枚举Enum枚举Enum是在众多语言中都有的一种数据类型，JavaScript中还没有（TypeScript有）。用来表示一些特定类别的常量数据，如性别、学历、方向、账户状态等，项目开发中是很常用的。Text文字（界面显示）key编码（编码、存储使用）数字value值（存储使用）男male/man/nan1女female/woman/nv2其他other3如上表中的性别枚举结构，前端页面上显示文字男、女，代码中一般使用编码key，后端数据库存储可能会用编码key，也可能用数字value值。用数字存储，占用空间会更小，还能用位运算存储多个值（算是稍微高级一点的玩法了）。前端应用场景表格数据
