vue打印使用插件：vue-print-nb

一、安裝

npm install vue-print-nb –save

二、注冊

import Print from 'vue-print-nb'
Vue.use(Print);

三、使用

頁面中使用,給需要打印的容器加一個id,打印按鈕傳入這個id

<div id="printMe" style="background:red;">
        <p>葫蘆娃，葫蘆娃</p>
        <p>一根藤上七朵花 </p>
        <p>小小樹藤是我家 啦啦啦啦 </p>
        <p>叮當當咚咚當當　澆不大</p>
        <p> 叮當當咚咚當當 是我家</p>
        <p> 啦啦啦啦</p>
        <p>...</p>
        <div class="describle">
          <el-form :model="form" :rules="rules" ref="from" class="demo-ruleForm">
            <el-form-item label="姓名:" prop="name">
              <el-input v-model="form.name"></el-input>
            </el-form-item>
            <el-form-item label="描述:" prop="describle">
              <el-input
                :disabled="detail"
                type="textarea"
                :rows="4"
                :maxlength="2000"
                placeholder=""
                v-model="form.describle">
              </el-input>
            </el-form-item>
          </el-form>
        </div>
    </div>
 
    <button v-print="'#printMe'">Print local range</button>