vue 打印插件

1、安装npm installvue-print-nb --save2、全局引入并注入import Print from 'vue-print-nb'Vue.use(Print)3、使用打印按钮指令v-print<el-buttonv-print="'#printDom'">打印</el-button>要打印的dom&...

锋小张

3186人浏览 · 2020-02-27 16:46:32

锋小张 · 2020-02-27 16:46:32 发布

1、安装

npm install vue-print-nb --save

2、全局引入并注入

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

3、使用

打印按钮

指令 v-print

<el-button v-print="'#printDom'">打印</el-button>

要打印的dom

...这是要打印的部分

</div>

4、分页

<div style="page-break-after:always">第一个分页</div>

<div style="page-break-after:always">第二个分页</div>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^