vue3中使用print-js组件实现打印操作步骤

第一步：安装依赖

yarn add print-js

第二步：创建打印组件：PrintHtmlComp.vue

第三步：处理打印预览的界面 PrintPop.vue

这个界面的的样式调整直接关系到打印的样式的，即想要打印什么样的效果就在这个界面怎么调试。

 
	
		
            
			
HELLO WORLD
			
HELLO WORLD
			
HELLO WORLD
			
HELLO WORLD
			
HELLO WORLD
			
HELLO WORLD
			
HELLO WORLD
		
		
	

 

HTML展示效果

打印预览效果：

完成，功德+1。

关于遇到的问题以及解决方法，后续更新！！！！

到此这篇关于vue3中使用print-js组件实现打印操作的文章就介绍到这了,更多相关vue3中使用print-js组件内容请搜索科站长以前的文章或继续浏览下面的相关文章希望大家以后多多支持科站长！