根据官方文档可以这么配置:

import Vue from 'vue';
import Element from 'element-gui';
import 'element-gui/lib/theme-chalk/index.css';
Vue.use(Element, { size: 'small', zIndex: 3000 , duration: 5000 });

但是实际项目中,可能需要针对某个组件进行一些属性的全局配置,这时候就可以使用下面的方法:

import Vue from 'vue';
import Element from 'element-gui';
import 'element-gui/lib/theme-chalk/index.css';

ElementUI.Tabs.props.type = { type: String, default: 'border-card' }
Vue.use(ElementUI);

但是某些情况,上面方法可能不太适应,例如给所有 el-input 添加 placeholder

天有不测风云,要养成经常备份数据的好习惯啊,这不,前几天在公司搭的前端服务器磁盘坏了,导致所有东西全部都没了……代码方面还好,都是放在git上面管理的,但是其中yapi的一些数据没了,这就尴尬了……于是花费了两天时间,把服务器重装了一遍,然后开始做定期备份。

- 阅读剩余部分 -

基于 PDF.js 在 Vue 中渲染 PDF 文件,支持文本渲染、懒加载、分页、缩放和打印功能。

鉴于市面上没有特别顺手的预览PDF插件,所以周末两天在家撸代码,终于搞出来一个可用的玩意。项目中使用的VUE-PDF,超过200页,直接在IE下卡死,我这个插件,500页PDF,也可以做到丝滑般的使用体验(自卖自夸)!

2021-06-21T12:38:46.png

可以看到,只加载了前两页,后面的12页全部都没有渲染。

Install

npm install cafe-pdf --save

Use

import cafePdf from 'cafe-pdf'
import 'cafe-pdf/package/cafe-pdf.css'
Vue.use(cafePdf)

Example

Demo:http://demo.const.team/pdf/

注意:使用打印功能,需配合打印样式。

- 阅读剩余部分 -