• vue打印功能


    安装 vue3-print-nb

    1. yarn add vue3-print-nb
    2. //
    3. npm install vue3-print-nb

    main.js中引入 vue3-print-nb

    1. import { createApp } from 'vue';
    2. import App from './App.vue';
    3. const app = createApp(App);
    4. // 打印插件
    5. import print from 'vue3-print-nb'
    6. app.use(print)
    7. //

    页面内引入

    1. import print from 'vue3-print-nb'
    2. const vPrint = print;

    声明打印时的配置的变量

    1. const printSetting = ref({
    2. id: 'printMe',
    3. })

    选择要打印的模板区域,配置对应的id包裹

    1. "printMe">
  • 为打印按钮绑定上v-print指令,值为配置变量

    <div v-print="printSetting">打印div>
    

    配置完成了看效果,点击打印出现打印模态框

  • 相关阅读:
    Gartner发布中国科技报告:数据编织和大模型技术崭露头角
    9.17 Day54----ElementUI消息提示
    汇佳学校|应博丞:不及格“逆袭”全科满分,粉丝科普博主唤醒想象力
    【无标题】
    面试题:Kafka 为什么会丢消息?
    Python实现微博舆情分析的设计与实现
    厦门大学《信号与系统》考试大纲
    OpenSSH版本升级漏洞修复问题
    LeetCode 235 二叉搜索树的最近公共祖先 701 二叉搜索树中的插入操作 450删除二叉搜索树中的节点
    SpringBoot实用开发之热部署
  • 原文地址:https://blog.csdn.net/qq_63608386/article/details/133756888