介绍
element-easy-print
element-easy-print 是一个基于 ElementPlus 的表单组件，可以通过JSON快速的生打印模板。
演示地址open in new window
安装 element-easy-print^1.0.4
element-easy-print
^1.0.4
npm install element-easy-print --save
1
引入
import ElementEasyPrint from "element-easy-print";
import "element-easy-print/dist/style.css";
Vue.use(ElementEasyPrint)
1
2
3
2
3
EasyPrint 或 Preview 属性
| 属性名 | 说明 | 数据类型 | 默认值 |
|---|---|---|---|
| options | 渲染数据 | Object | 参考在线案例 |
| datasource | 传入字段数据 | Object | 参考在线案例 |
| richTextContent | 富文本组件 | Object | 参考在线案例 |
| webViewLoadingTime | webview加载时间用来防止打印没数据问题 | number | 4000ms |
富文本注意事项
想使用富文本功能必须自己封装一个。 严格按照案例封装方式进行封装 v-model change事件 都要有 change 返回值就是html内容
element-easy-print 方法
| 方法名 | 说明 | 返回值 |
|---|---|---|
| handleSave | 返回当前JSON数据 | options |
| handlePreview | 预览方法 | boolean, options |