![](https://img-blog.csdnimg.cn/20210820195310619.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
三方库
ui库家多姿多彩的画板。
s先生的d小姐
相信相信的力量。
展开
-
前端将项目部署到服务器(Nginx)的完整步骤
前端将项目部署到服务器(Nginx)的完整步骤转载 2024-04-25 11:24:49 · 1269 阅读 · 0 评论 -
vue+elementUi获取滚动条位置、判断是否存在滚动条、addEventListener、removeEventListener、document、window、scroll、client
vue+elementUi获取滚动条位置、判断是否存在滚动条、addEventListener、removeEventListener、document、window、scroll、client转载 2023-11-24 14:31:31 · 1094 阅读 · 0 评论 -
vue3项目使用pdf.js插件实现:搜索高亮、修改pdf.js显示的页码、向pdf.js传值、控制搜索、处理接口文件流
vue3项目使用pdf.js插件实现:搜索高亮、修改pdf.js显示的页码、向pdf.js传值、控制搜索、处理接口文件流转载 2023-11-24 13:32:09 · 127 阅读 · 0 评论 -
js tree树形结构,通过子节点找到所有父节点
js tree树形结构,通过子节点找到所有父节点转载 2023-08-31 16:07:32 · 827 阅读 · 0 评论 -
基于vue的图片裁剪vue-cropper使用
基于vue的图片裁剪vue-cropper使用转载 2022-05-19 10:58:39 · 965 阅读 · 0 评论 -
前端解析excel文件,并对内容进行校验,实现上传功能
前端解析excel文件,并对内容进行校验,实现上传功能原创 2022-05-19 10:03:33 · 2501 阅读 · 0 评论 -
ExcelJS 使用帮助文档
ExcelJS 使用帮助文档转载 2022-05-17 11:32:09 · 9914 阅读 · 2 评论 -
vue使用vue-json-excel将后台的json数据导出excel表格
vue使用vue-json-excel将后台的json数据导出excel表格原创 2022-02-25 10:33:49 · 1709 阅读 · 0 评论 -
vue使用pdf.js实现pdf文件的预览功能
vue里怎么使用pdf.js实现pdf文件的预览功能转载 2021-12-20 09:15:52 · 1157 阅读 · 0 评论 -
swiper组件,定位到指定位置
swiper原创 2021-12-06 14:04:34 · 2744 阅读 · 0 评论 -
vue中实现拖拽效果---Vue.Draggable
vue实现拖拽原创 2021-07-03 11:29:42 · 1236 阅读 · 0 评论 -
vue-print-nb打印功能
1.安装npm install vue-print-nb --save2.引入main.js中引入import print from 'vue-print-nb'Vue.use(print);3.使用给需要打印的容器加一个id,打印按钮传入这个id3.1直接打印并可配置打印头<div id="printBox"> 内容</div><button v-print="printDirect" type="primary">打印<原创 2021-11-06 16:49:10 · 332 阅读 · 0 评论 -
vue-infinite-scroll
1.安装npm install vue-infinite-scroll --save2.如果多处用到可以考虑在main.js中引入。如果只有单个页面使用,可以考虑在当前页中引入。import infiniteScroll from 'vue-infinite-scroll'import Vue from 'vue';(当前页中须引入)Vue.use(infiniteScroll)3.使用 <div v-infinite-scroll="handleInfiniteOnL原创 2021-11-03 16:55:59 · 2309 阅读 · 0 评论 -
vue中引入videojs
1.安装npm install --save-dev video.js或者<link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.3.0/video-js.min.css" rel="stylesheet"><script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.3.0/video.min.js"></script>2.原创 2021-10-15 13:53:16 · 1607 阅读 · 0 评论 -
ant-design-vue的select组件加入value后placeholder不显示
导致placeholder不显示原因:value为nullvalue为空未获取到value解决办法:value设置为undefined <a-select v-model="formDate.disabled" placeholder="请选择是否停用" style="width:160px"> <a-select-option value="true">是</a-select-option> &.原创 2021-10-13 20:05:36 · 719 阅读 · 0 评论 -
[Antd-vue] Warning: You cannot set a form field before rendering a field associated with the value.
1.需求:给form表单反显数据(一般用于数据修改功能)。2.使用了表单的方法setFieldsValue(),来设置一组输入控件的值,传入的值为object(能少传不能多传)。3.解决办法this.$nextTick(()=>{ this.form.setFieldsValue({ title: this.formObj.title, value: this.formObj.value, }) // loadsh的pick方法})如果上述原创 2021-10-13 19:56:40 · 175 阅读 · 0 评论 -
js实现word转换为html
前言最近接到一个需求,实现上传一个word文档,然后将该word转换成html丢给服务端存上。进行技术调研后发现有三种方法可以实现这个功能:ActiveXObject、docx2html、mammoth。IE的 ActiveXObject var oWordApp=new ActiveXObject("Word.Application"); var oDocument=oWordApp.Documents.Open("C://test.doc"); ...转载 2021-09-22 17:14:15 · 2149 阅读 · 0 评论 -
vue引入iscroll实现移动端表格-横行滚动-固定列
滚动前:滚动后:上代码1.引入 iscrollnpm i iscroll --save 2.封装iscrollTable.js// 统一使用const IScollProbe = require('iscroll/build/iscroll-probe');let scroller = null;let Selector = '';export function createIScroller(selector) { Selector = selector; scroll原创 2021-09-15 10:57:57 · 1143 阅读 · 0 评论 -
解析出excel中的内容
姊妹篇:vue中实现:解压zip,解析excel页签内容,并实现附件上传本文章只纪录上传单个excel时,将页签中的内容由前端解析出来的功能。采用原生input的方法实现。1.html<div @click="upload">上传</div><input type="file" @change="performanceUploadProcess" ref="inputer" v-show="false" /> <原创 2021-09-03 13:46:24 · 207 阅读 · 0 评论 -
vue中实现:解压zip,解析excel页签内容,并实现附件上传
功能1.对上传的zip压缩包进行解压。2.解析excel页签中内容,用于列表数据展示。3.上传excel附件,用于预览。4.采用input中type="file"来实现上述功能1.html<div @click="upload">上传</div><!-- 加一层if判断的原因:防止上传一次之后,在没有刷新的前提下,再次点击上传,不触发上传功能。 --><div v-if="uploadShowFlag"> <input .原创 2021-09-02 17:21:24 · 1755 阅读 · 0 评论 -
ant-design-vue中a-date-picker只选择年份/含表单验证
一、ant-design-vue中a-date-picker组件只选择年份 今天遇到了在日期选择器中只选择年份的日期选择器,但是是使用的ant-design-vue,目前还没有只选择年份的日期控件,但是需求还是要实现,上代码: 在template中 <a-form-model-item label="开始年限:" prop="all_plan_one" > <a-date-picker mode="year" placeholder="请选择年份" fo.转载 2021-09-02 15:59:45 · 9357 阅读 · 0 评论 -
vant移动端上传附件
1.vant-ui默认上传附件为图片格式<van-uploader :after-read='afterRead' :max-count="1"> <!-- 可以自己修改默认添加的样式 max-count:限制了一次上传的个数 after-read:为上传后的回调函数 --></van-uploader>2.修改vant-ui上传文件如word、excel、ppt、pdf等 <van-uploader :af原创 2021-06-28 20:30:42 · 5634 阅读 · 2 评论 -
vue中使用富文本编辑器CKEditor(静态资源引入)
一、.选择适合需求功能的插件并下载(CKFinder是收费组件)。二、使用1.将build目录中的文件放到vue项目的public/ckedito5目录下。2.在index.html中引入。<script src="/public/ckeditor5/ckeditor.js"></script>3.在main.js中设置全局使用方法。Vue.prototype.$ClassicEditor = window.ClassicEditor; 4.配置上传图片,编译修改文原创 2021-08-24 20:29:13 · 798 阅读 · 0 评论 -
vue配合element-ui常用的表单校验方法
1.el-form绑定rules。 el-form-item绑定prop。<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input>原创 2020-07-27 21:13:27 · 558 阅读 · 0 评论 -
element-ui隐藏的el-scrollbar
<div class='departTree-wrap'> <el-scrollbar wrapClass='aside-col-wrap' ref='departTreeScroll'> <el-tree :data="treeData" :default-expand-all='false' :expand-on-click-node='false' @node-cli原创 2020-08-27 17:59:26 · 180 阅读 · 0 评论 -
element-ui时间插件的范围设置
满足条件:1.开始时间和结束时间均在包括今天在内的日期之前;2.开始时间不设限制;3.所选结束时间与所选开始时间间隔不能超过三个月。原创 2020-09-04 12:40:34 · 201 阅读 · 0 评论 -
element可编辑表格验证问题
前提:表格里设置可编辑表单。注意事项:1.校验需要触发表单,而表格需要时数组。因此表单绑定的是一个对象,表格中绑定的是该对象中的数组。2.prop动态绑定。3.必要的情况下可以添加key的。(:key=‘scope.row.key’)<el-form :model="ruleForm" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-table :data="ruleForm.t原创 2020-09-27 18:44:18 · 2113 阅读 · 7 评论 -
element-ui中穿梭框改单选
功能介绍:左侧列表只能有一条数据,右侧列表展示数据源里的所有数据1.htmlprops:将默认的lable和key改成对应数组中的字段;@left-check-change方法是左侧列表触发事件;@right-check-change方法是右侧列表触发事件;@change方法是右侧列表变化时触发的方法;list数组是key的集合,(右侧列表展示内容)data数组是左右列表数据的总和data和list数据差展示在左侧列表2.jsdata(){ return:{ li原创 2020-12-23 12:05:42 · 2159 阅读 · 2 评论 -
Ant Design Vue遍历树形数据,删除其空children项
1.ui组件:Ant Design Vue。2.问题复现:返回数据中,包含空数据的children,使得最后一项没有子节点的数据前出现“+”的图标。3.实现结果:4.代码返回结果let data=[{ label: '一级 1', children: [{ label: '二级 1-1', children: [] }]}]js方法deleteChildren(arr) { l原创 2021-08-20 20:00:18 · 1521 阅读 · 0 评论