美文网首页
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