vue 项目中使用打印功能

第一种方法：使用window自带的打印功能

<template>
	<div>
	    <Button type="primary"  @click="print">打印</Button>
	    <div style="width:1000px;" ref="printContent">
	    	打印内容
	    </div>
	</div>
</template>
<script>
	except default {
    
		name:"",
		methods:{
    
			 print(){
    
				// 获取要打印的dom内容
				let  newDomHtml =  this.$refs.printContent.innerHTML;
				// 将要打印的内容赋值给本页
				window.document.body.innerHTML= newDomHtml ;
				// 调用window的打印
				window.print();
				// 解决打印之后按钮失效的问题，刷新页面
				window.location.