vue打印 print.js

下载print.js文件

在main.js中配置

// 打印插件

import Print from '@/plugs/print'

Vue.use(Print)

// 打印插件
import Print from '@/plugs/print'
Vue.use(Print)

使用方法

<template>
  <div class="myResume">
    <section ref="print" id="print" style="width:100%;position: relative">
      123456
    </section>
    <el-button type="primary" plain @click="print()" style="margin-top:30px"
      >打印</el-button
    >
  </div>
</template>
<script>
export default {
  methods: {
    print() {
      this.$print(this.$refs.print);
    },
  },
};
</script>

如果想修改打印纸上的样式

	@media print {
		/* .contents {
			margin-left: 0px !important;
		}

		.mianer /deep/.el-main {
			padding: 0 !important;
		} */
	}

如果想让那一个地方不出现在打印纸上就 在哪个上面加上 class=‘no-print’

<Nav class="no-print" />