window.print打印方法实现
vue中使用window.print打印效果
项目要求
- 打印每页有10行表格，如果接口数据没有十个显示10行
效果图
- 第一页
- 第二页
子组件
打印页面
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione officiis quaerat dolorem nesciunt error et fugit fuga molestias quas labore autem, eligendi eum rem alias quod possimus quae voluptatum? Id?
我是来占位置的
序号
姓名
性别
年龄
电话
住址
{{item+(10(i-1))}}
{{dataList[index+10(i-1)].name}}
{{dataList[index+10(i-1)].sex}}
{{dataList[index+10(i-1)].age}}
{{dataList[index+10(i-1)].phone}}
{{dataList[index+10(i-1)].address}}
父组件
<button @click="handleClick">点击
<button @click="printClick">打印
浙公网安备 33010602011771号