版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_36845014/article/details/84524583
第一步:
npm install vue-easy-print --save
第二步,在你的vue页面里
import vueEasyPrint from "vue-easy-print"; import demo from './your path/demo'; // in your vue <script> export default { components: { vueEasyPrint, demo } }
第三步,加载模板:
<vue-easy-print tableShow> <template slot-scope="func"> <demo :getChineseNumber="func.getChineseNumber"></demo> </template> </vue-easy-print>
slot-scope
func.getChineseNumber接收到的方法是一个将金额转换成中文的
配置props参数
// 针对分页表格模式:末尾空白行插入 spaceRow: { type:Boolean, default:false, }, // 针对分页表格模式:传入的打印数据。 tableData:{ type:Object, default() { return undefined } }, // 是否显示表格 tableShow:{ type:Boolean, default:false }, // 每页多少行 onePageRow: { type:Number, default:5, }, // 复制打印页面前调用的钩子 beforeCopy:Function, // 打印页面前调用的钩子 beforePrint:Function,
评论前必须登录!
立即登录