
【vue-插件、elementui】
文章平均质量分 60
PC端,vue+elementui+插件实现功能
耳东呀呀
这个作者很懒,什么都没留下…
展开
-
PDF文件实现在线盖章
PDF文件实现在线盖章原创 2021-10-26 11:39:47 · 6008 阅读 · 10 评论 -
elementui----渐变色二级进度条progress
效果展示原创 2021-08-23 13:42:35 · 1417 阅读 · 0 评论 -
vue结合viewer.js的使用
vue结合viewer.js的使用官网地址安装npm install v-viewer --save引入import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'template<div id="index"> <img :key="src" :src="src" class="showPic" /></div>data data() {原创 2021-02-26 17:45:16 · 975 阅读 · 0 评论 -
自定义字体,字号----vue-quill-editor
富文本-vue-quill-editor(一)缺点1,不容易支持行间距2,不容易支持表格(二)优点1,部分工具的引入支持 class也可支持style引入2、可扩展性(三)在vue中的使用1,安装npm install vue-quill-editor --savenpm install quill --save2,使用import { quillEditor } from "vue-quill-editor"; //调用编辑器import 'quill/dist/quill.原创 2020-11-05 14:45:50 · 1830 阅读 · 0 评论 -
elementui表单校验相关问题
当提交表单时,触发elementui表单校验规则,当不满足规则时,执行else语句。通过fields获取到对应的 input,給对应的input添加聚焦事件。原创 2020-10-03 23:35:08 · 385 阅读 · 0 评论 -
elementui-select+checkBox实现下拉选择器支持全选
实现下拉选择器支持全选运行效果原创 2021-01-23 20:59:29 · 3489 阅读 · 0 评论 -
antv/g6结合vue实现某一流程的流程图展示
antv/g6结合vue实现某一流程的展示安装antv/g6npm install --save @antv/g6注意版本控制目前版本已经更新到4.x以下代码使用的是3.1.3版本的引入importG6from'@antv/g6';展示效果本文主要实现的需求是,配合后端模板引擎,展示某一业务的实现流程与完成状态,根据nodes数据中status判断节点处于什么状态改变样式;创建js文件,引入g6传入容器的宽高,容器id,数据源,当时创建容器的...原创 2021-02-25 19:57:25 · 4994 阅读 · 0 评论 -
elementui表格单元格合并及表头单元格合并以及表头斜线分隔
elementui表格单元格合并及表头单元格合并页面效果如下代码html部分 <base-table default-height="true" class="numTable sorTable noTableBorder" :border-style="true" :columns="column" :data-source="numTable" :loading="l原创 2020-09-29 18:06:23 · 4204 阅读 · 2 评论 -
vuex和数据持久化
vuex和数据持久化前端将所需数据存储在vuex中,但是vuex中数据在刷新后会被清空,而数据持久化,就是在执行浏览器刷新操作时,将vuex中的数据转存在本地localstorge中,在刷新时先去local中取,取到之后渲染到页面,再将数据转存到vuex中,清空localstorge,也就实现了数据的持久化...原创 2020-11-16 09:50:47 · 248 阅读 · 0 评论 -
Vue 结合html2canvas和jsPDF实现html页面转pdf
Vue 结合html2canvas和jsPDF实现html页面转pdf安装npm install html2canvasnpm install jspdf使用htmlToPdf.js文件路径,例中为src/common/utils/htmlToPdf.jsimport html2canvas from “html2canvas”import JsPD Ffrom “jspdf”/**@param ele要生成 pdf 的DOM元素(容器)@param padfName P原创 2020-10-05 15:00:01 · 613 阅读 · 0 评论 -
iframe与vue
iframe在vue中使用创建一个vue页面iframe的src属性绑定需要的页面放在template中在iframe种调用vue的方法vue中let self = this;window[“goBack”] = () => {self.goBack(); };iframe中if(document.radyState == ‘complete’){window.parent’goBack’;}缺点会堵塞主页面的onload事件,搜索引擎的解锁程序无法解读这种页面原创 2020-09-28 23:26:05 · 612 阅读 · 0 评论