vue自定义打印内容

web前段自定义打印内容，网页部分内容或者是远程请求的pdf流，前段自行调浏览器打印功能打印。

自定义打印的内容

Vue里面定义自定义打印的组件

letter.vue  (注意打印的样式是行内样式)

<template>
    <div ref="letter">
        <div style="margin: auto;width:100%;">
            打印标题
        </div>
        <div style="margin: auto;width: 100%">
            打印内容,测试用的
        </div>
    </div>
</template>

<script>
import {
    Vue,
}
 export default class Letters extends Vue {
    getHtml() {
        return this.$refs.letter.innerHTML;
    }
}

</script>

 partent.vue   业务组件

<template>
    <div>
       <button @click="toPoint('1')）">打印html</button>
       <button @click="toPoint('2')">打印远程pdf流</button>
    </div>
    <Le