Vue3 开发实战分享——打印插件 Print.js 的使用（Vue3 + Nodejs + Print.js 实战）以及 el-table 与 el-pagination 的深入使用
<template>
<div>
<button @click="print">打印报告</button>
</div>
</template>
<script setup>
import { ref } from 'vue';
import printJS from 'print-js';
const reportData = ref({
// 报告内容
content: '这里是报告内容'
});
function print() {
printJS({
printable: reportData.value,
type: 'json',
properties: [
'content',
]
});
}
</script>这段代码展示了如何在Vue 3应用中使用print-js库来打印简单的JSON数据。printable属性用于指定需要打印的数据，type属性用于指定数据的类型，properties数组定义了哪些对象属性需要被打印。按钮点击时触发print函数，调用printJS函数进行打印操作。
评论已关闭