美文网首页web开发
vue 实现打印功能

vue 实现打印功能

作者: 1994陈 | 来源:发表于2020-07-22 13:37 被阅读0次

    1.安装插件

    npm install vue-print-nb --save
    

    2.在main.js中引用

    import print from 'vue-print-nb'
    Vue.use(Print);
    

    3.在页面中使用

    // 通过设置 id 来获取需要打印的区域
    <div id="print-list" >
      <p>这里是要打印的内容</p>
    </div>
    // 通过绑定 v-print 触发打印效果
    <button v-print="'#print-list'">打印测试</button>  
    

    相关文章

      网友评论

        本文标题:vue 实现打印功能

        本文链接:https://www.haomeiwen.com/subject/nhwzkktx.html