vue+elementui 打印dialog弹窗内容

2020-10-16  本文已影响0人  Innocence1874

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>

上一篇 下一篇

猜你喜欢

热点阅读