Vue v-print打印文件。

下载安装插件

	npm install vue-print-nb --save

引入注册

在app.js或main.js中引入

	//打印文件
	import Print from 'vue-print-nb'
	Vue.use(Print)

使用

HTML 部分

	<div id="single-info">
        <el-form  label-width="160px">
           <el-row align="center" style="margin-top:30px;">
                <el-col :span="24" align="center">
                   <el-button id="info-btn" v-print="'#single-info'"  @click="prints">打印</el-button>
               </el-col>
           </el-row>
       </el-form>
    </div>

JS 部分

			prints(){
              var prints = document.getElementById('single-info');
              prints.title = "打印的标题";
         	}
Logo

前往低代码交流专区

更多推荐