ha-print v1.1.0

打印

演示案例：

1.创建一个vue.js项目并启动。

npm install -g @vue/cli @vue/cli-service-global' 
npm run dev

2.在入口文件 main.js中引入。

import { Print } from 'csdc-print/lib/print/index'

3.在template中添加DOM结构。

  <!-- 绑定事件 -->
  <button @click="dy">打印</button>
   <!-- 要打印的范围 -->
  <div id="content" ref="content" v-html="content" />

4.在script中定义数据与编写逻辑。

export default {
  name: 'print-demo',
  data () {
    return {
      content: `<div>测试内容</div>`
    }
  },
  methods: {

    /**
     * id:dom元素id
     * 打印指定id范围内的内容
     */

    dy () {
      this.$print({
        id: 'content'
      })
    }

    /**
     * html:html片段
     * 打印指定html范围内的内容
     */
    // dy () {
    //   this.$print({
    //     html: this.$refs.content.innerHTML
    //   })
    // }
  }
}