1. 安装依赖
cnpm i vue-print-nb -S
2. 在main.js/index.js里面引入
import Print from 'vue-print-nb'
Vue.use(Print)
3. 在需要打印的位置使用
<div id="dialogContent">
<p style="text-align: center">
{{ form.status === '条件' ? '标题一' : '标题二' }}
</p>
<div class="table-layout">
<!--内容-->
</div>
</div>
4. 打印
<button v-print="'#dialogContent'">打印</button>
vue+elementui 打印dialog弹窗内容
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 难度值:⭐ 需求描述:使用vue+elmentui,打印dialog弹窗里面的内容 方法一: PASS 代码如上,...
- 最近一直在做vue+elementUI的后台项目,最早做的那个项目里有一个form表单中一个form item中要...
- 以下这种情况的prop设置: 代码: 代码只截取了部分代码,要是在自己项目中使用还得再重新组织,不可照搬。 欢迎有...
- “小白!对象方法里面调用自己的属性怎么调用?” “this.语法调用啊!” 老朱说:“没事我就是随便问问,今天我们...