Vue 打印操作

2022-05-21  本文已影响0人  Pluto_7a23

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

上一篇 下一篇

猜你喜欢

热点阅读