美文网首页
Vue 打印操作

Vue 打印操作

作者: Pluto_7a23 | 来源:发表于2022-05-21 15:29 被阅读0次

    npm install vue-print-nb --save
    下载插件
    main.js 中全局引入

    import Print from 'vue-print-nb'
    
    Vue.use(Print)//全家注册打印插件
    
    

    页面中使用

    <el-button  v-print="TransferPirint" >打印</el-button>
      <div id="Transfer">
              <components /> //需要打印的组件
       </div>
    
    export default {
      name: 'HelloWorld',
      data () {
        let that = this
        return {
          Transfer: {
              id: 'TheOriginalNo',//打印的ID
               popTitle: '',打印的表头
         
          }
        }
      }
    }
    
    

    https://www.npmjs.com/package/vue-print-nb

    相关文章

      网友评论

          本文标题:Vue 打印操作

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