vue打印功能vue-print-nb

  1. vue打印功能vue-print-nb_第1张图片
  2. vue打印功能vue-print-nb_第2张图片

开始

  1. 安装依赖:npm install vue-print-nb --save
  2. 在main.js中引入 
    import Print from 'vue-print-nb'
    
    Vue.use(Print)

  3. 要打印的内容用  id="printMe"包起来
  4.   
                    

    给打印的按钮加上v-print="printObj"

​​打印

然后在returnl里定义

return {
      // 打印小票
      printObj: {
        id: 'printMe', // 这里是要打印元素的ID
        popTitle: ' ', // 打印的标题
        extraCss: '', // 打印可引入外部的一个 css 文件
        extraHead: '' // 打印头部文字
      },
}

 

你可能感兴趣的:(vue.js,npm,node.js)