npm上没找到兼容vue3.0的print打印功能,于是找到了兼容vue2.0版本的print,在此基础上修改,优化,兼容Vue3.0版;
现已将修改后的兼容版本上传到了npm,可直接安装使用
npm i td-print --save
使用方法
print(dom, options)
dom:包含打印内容的父级元素
options:{
noPrint: '', // 不打印的元素类(可选) 默认 '.no-print'
style: '', // 自定义样式(可选)
paging: false // 分页打印(可选:样式可能需要优化,写在@media print里面)
}
import print from 'td-print'
print(this.$refs.print, {
style: `<style>.print{margin-top:250px;}</style>`
})
如果对你有帮助,点个赞再走吧~谢谢
关注我,不定时分享技术干货~