vue.js javascript 前端 vue打印功能

安装 vue3-print-nb

yarn add vue3-print-nb

//或

npm install vue3-print-nb

main.js中引入 vue3-print-nb

import { createApp } from 'vue';

import App from './App.vue';

const app = createApp(App);

// 打印插件

import print from 'vue3-print-nb'

app.use(print)

//

页面内引入

import print from 'vue3-print-nb'

const vPrint = print;

声明打印时的配置的变量

const printSetting = ref({

id: 'printMe',

})

为打印按钮绑定上v-print指令，值为配置变量

Vue并没有内置的打印功能，但可以使用浏览器的API来实现打印。

具体实现步骤如下：

在需要打印的组件中添加一个按钮，点击该按钮触发打印事件。 在点击事件中调用浏览器的打印API，将需要打印的内容传递给该API。

代码示例：

文章链接