vue
文章平均质量分 75
SunnyRun!
以认真的态度去持有,用最佳的方式去探索。
展开
-
vue实现自定义实现树形控件treejs
说明:支持点击创建远程数据,loadDataAjax方法,需要自己研究功能小编已实现;针对多层级的列表,我们采用tree的方式,从根节点一次创建绑定子节点的方式,可以递归式的调用本身,对我们的树形结构进行展示;1、创建TreeList文件夹,其中创建:fonts文件夹、index.js文件、tools.js文件、Tree.js文件、VueTreeList.vue文件;近期的一个功能需求,实现一个树形结构:可点击,可拖拽,右侧数据可以拖拽到对应的节点内,可创建文件夹、可创建文件、编辑文件名、可删除等等;原创 2023-08-24 17:46:58 · 3454 阅读 · 0 评论 -
vue自定义穿梭框支持远程滚动加载
技术框架公司的选型(老项目):vue2 + iview-ui方案的实现思路是共性的,展现UI样式需要你们自定义进行更改;因为iview是全局注入,基本使用原先的类名进行二次创建公共组件,修改基础js实现逻辑;原创 2023-08-14 18:47:50 · 909 阅读 · 0 评论 -
前端js实现正则表情包内容替换、前端表情包实现
表情包实现思路:通过全局正则针对文本内容走查,匹配到[嘿哈]文本表情包,通过创建div或者img标签,包裹将文本表情包替换成我们表情包的地址链接。// 创建文件emoticon.jsimport lottie from "lottie-web"; // 动画方法const lottieWrap = {};const emoticon = new Map([ ['[大笑]', { name: 'daxiao', src: 'https://url-daxiao.json'原创 2021-09-08 18:24:14 · 1890 阅读 · 1 评论 -
Vue 里怎样在 Render 中使用 $refs
背景:使用 element-ui 组件,发现el-popover组件有一个方法: doClose(). 调用方法为 this.refs[′name′].doClose(),经过测试正常使用是没问题的。现在想要在组件内的render函数里调用,一直获取不到this.refs['name'].doClose(), 经过测试正常使用是没问题的。现在想要在组件内的 render 函数里调用, 一直获取不到 this.refs[′name′].doClose(),经过测试正常使用是没问题的。现在想要在组件内的ren原创 2020-09-04 11:41:40 · 1264 阅读 · 1 评论 -
vue组件库的开发流程
开发流程1.创建项目,(vue-cli/公司现有架构)2.调整项目静态目录结构3.使用webpack相关库模式打包编译4.使用npm或者公司源地址发布到你需要的平台步骤创建项目,省略;调整项目静态目录结构在项目同级目录下创建lib文件夹 => assets / components / css / utils / index.js / UploadUi.vue (依据...原创 2019-12-09 20:10:27 · 1095 阅读 · 0 评论 -
前端常用工具库方法整理
在闲余的时间整理一份我们可能用到的前端工具库方法。计算两个日期时间相差的年数、月数、天数、日期时间原创 2019-10-31 17:15:31 · 1801 阅读 · 1 评论 -
vue实现搜索功能
前言:最近小编也是刚跳槽新的公司一个月,前端技术栈是vue+element也是市面上比较常用的框架之一了,同时也花费一点时间总结一下最近的坑,react转vue的一个过程确实是有些心累的,其主要原因还是写法的不同吧。需求:前端实现页面的筛选列表,是多条件的;what?后端不自己做页面的筛选搜索功能,怎么让前端做这样的一个功能点的实现,可能小编太老实了吧。无所谓,不纠结这些,那就分析一下需求...原创 2019-06-05 12:07:37 · 19860 阅读 · 6 评论 -
vue项目中element-ui的表格table的二次封装
列表数据表格的json配置;而element-ui的table主要是以template的方式进行页面的渲染,容易造成业务代码可观性并不是很友好,维护也不是很方便;element-ui的成熟度、以及使用率很大,市场上面的大多封装也很多,可扩展性也很方便。这里小编也做了一套简易版的二次封装,希望能帮到各位小编也是前端小白,代码也有不合理之处,只是在闲余时间内简单写写,提升提升能力。以上代码可根据自己的项目去做调整。原创 2019-08-05 15:37:56 · 14004 阅读 · 1 评论