![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端框架库
项目中用到前端框架和库已经第三方插件的常见问题解决办法
楚楚梦厦
迷失的人迷失了,相遇的人会再相遇!
展开
-
el-select获取当前选中的对象所有(item)数据
elementUI的el-select获取当前选中的item对象 所有数据原创 2022-12-30 16:59:55 · 9347 阅读 · 0 评论 -
Vue项目中利用webpack的require.context实现批量引入/导入图片
前端项目中难免会有需要几十种icon或者png等类型的图片的情况,如果一个个import未免太过繁琐。使用webpack的 require.context实现vue项目中的批量导入引入图片等静态资源原创 2022-12-27 17:54:14 · 1957 阅读 · 0 评论 -
el-checkbox同时获取label和value
多选框(组)的场景下,有很多展示给用户的是文字,但是传参给后端的是英文字段这样的需求。即同时获取el-checkbox的label和value字段原创 2022-12-26 16:07:19 · 2364 阅读 · 0 评论 -
在Vue中使用Lodash的节流throttle函数
vue项目中调用lodash的throttle节流函数遇到的问题,最近有这样的一个应用场景,input输入框中监听用户输入,变化了就发送ajax请求后端数据,以前搜索筛选都是用户,现在实时获取,想着最好还是做下节流。...原创 2022-07-22 11:35:51 · 2354 阅读 · 0 评论 -
elementUI的el-cascader实现省市区搜索
elementUI的el-cascader实现省市区搜索,全国省市区级联选择器增加搜索地级市和直辖市等城市city级别的需求。即能够一键全选整个city原创 2022-07-21 15:35:28 · 3148 阅读 · 0 评论 -
前端mapbox-gl地图点击addImage类型的打点再滚动鼠标后addImage类型打点消失
当点击image类型的打点显示Popup弹框的时候,再缩放地图,这时候会出现自定义的image打点就消失了的bug原创 2022-07-04 18:24:46 · 794 阅读 · 0 评论 -
element-ui中el-cascader级联选择器多选判断是否是全选
给定如多级级联选择器,如果只选中第三级,则展示第三级,如果全选第一级或者第二级则只展示第一级或者第二级。(一级选项如果全部选中的话,只用获取一级选项的值就行了,如果没有全部选中 ,再获取二级选项的值)如图,北京市没有全选,天津市全选,河北省没有全选,则最后结果为"朝阳区"、“天津市”、“大名县”、“古治区”这里需要用到el-cascader的getCheckedNodes方法父节点选中,那么所有子孙节点必然是选中的,则反推出:如果节点有父节点且父节点被选中了,那么这个节点就不是我们所需要的,所以可原创 2022-01-11 18:19:50 · 4053 阅读 · 6 评论 -
Vue及ElementUI中自定义指令实现判断文本内容超出显示省略号和el-tooltip提示,不超出则禁用el-tooltip
Vue框架中在使用elementUI插件时,判断文本内容是否超出,超出则展示省略号和el-tooltip,不超出则禁止hover展示el-tooltip。即移除没有超出的文案的el-tooltip,因为已经完整的展示文案了,hover的tooltip提示就没有必要了.........原创 2022-06-13 10:01:33 · 7164 阅读 · 5 评论 -
Vue和elementUI禁用el-pagination的指定分页按钮
在vue项目中,禁用elementUI的el-pagination的指定分页按钮,适用于后端有最大可查询分页深度的需求。el-pagination添加禁止点击逻辑原创 2022-06-08 11:56:28 · 2092 阅读 · 0 评论 -
前端项目review之修改element-ui全局主题颜色配置element-theme-chalk和gulp
每个公司的主题风格肯定是不一样的,比如现在的公司主题就是#00ab7a。在PC端TO-B的项目中少不了用element-ui,这个时候用element-theme-chalk直接本地编译修改了element全局的主题色。1. 全局安装element-themenpm install element-theme -g2. 在vue中安装element-theme-chalk到dev生产环境npm install element-theme-chalk -D3. 初始化变量文件element-va原创 2022-04-22 11:59:52 · 4684 阅读 · 0 评论 -
前端项目review之PC端vue上传Excel并用xlsx解析
这里写目录标题1. 需求2. 实现2.1 HTML2.2 js逻辑1. 需求前端上传Excel文件,并根据Excel文件的模板内容解析字段到页面上,这个过程不需要后端参与。主要用到了 XLSX.utils.sheet_to_json2. 实现2.1 HTML <el-upload style="margin-left: 20px" :auto-upload="false"原创 2022-04-20 17:24:47 · 897 阅读 · 0 评论 -
前端项目复盘之a标签下载文件
handleDownloadTemplate() { const url = '/api...'; // 后端接口,返回的是文件 const a = document.createElement('a'); a.download = ''; a.href = url; document.body.appendChild(a); a.click(); },原创 2022-04-20 17:07:49 · 900 阅读 · 0 评论