美文网首页
vue+elementui 打印dialog弹窗内容

vue+elementui 打印dialog弹窗内容

作者: Innocence1874 | 来源:发表于2020-10-16 16:41 被阅读0次

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弹窗内容

      本文链接:https://www.haomeiwen.com/subject/vzazpktx.html