Le-print NPM | npm.io

le-print

描述： A print edit control based on Vue3, Element-Plus,Lodop

安装：

npm i le-print

使用

//main.ts
import { usePrint } from 'le-print'
import { createApp } from 'vue'
import App from './App.vue'

const app = createApp(App)
usePrint(app)
app.mount('#app', true)

<template>
  <print
    :component-options="OutStockOptions"
    :paper-size-options="paperSizeOptions"
    :print-data="data"
    :template="template"
  />
</template>
<script lang="ts" setup>
import print from 'le-print'
import 'le-print/dist/style.css'
import { OutStockOptions, paperSizeOptions, data, template } from './data'
</script>

属性	说明	类型
ComponentOptions	可选项组件	Array
PaperSizeOptions	纸张选项	Object
PrintData	打印的数据	Object
template	默认打开的模板	Object

ComponentOptions

属性	说明	类型
type	ddedit：自定义文本， html：分页， LdTable：表格	'ddedit' \| 'html' \| 'LdTable'
isEdit	是否允许编辑	Boolean
title	选项中的文字	String
value	显示值，打印的缺省value	String
defaultValue	打印的缺省value	String
width	默认宽度	String
height	默认高度	String
left	默认left值	String
top	默认top值	String
style	默认样式	{ FontSize：number }