当前位置: 首页 > news >正文

vue实现前端打印效果

如图效果所示(以下演示代码)

<template><div><el-button v-print="printObj" type="primary" plain @click="handle">{{ text }}</el-button><div style="display: none"><div id="print-table"><div style="width: 100%; text-align: center; padding: 10px 0"><h3 style="font-weight: bolder">入库单</h3></div></div></div></div>
</template><script setup>
import serviceApi from "@/api/order/service";const props = defineProps({
//父组件传递的数据data: {type: Object,default: {},},});const printObj = {id: "print-table",popTitle: "",extraCss: "/style/table.css",
};const handle = () => {console.log("-----------------handle------------------------");
};
</script><style lang="scss" scoped>
.aline {text-align: left;padding-left: 20px;
}
</style>

http://www.lryc.cn/news/339488.html

相关文章:

  • android wifi直连 wifip2pmanager
  • 伸缩应用程序和执行滚动更新
  • 解决WPS右键菜单冗余选项,去除WPS右键菜单选项
  • 部署ELFK+zookeeper+kafka架构
  • ActiveMQ 任意文件上传漏洞复现
  • k8s实践总结
  • 前端从零到一搭建脚手架并发布到npm
  • 使用 git 提交项目到 github
  • SRE 与传统 IT 运营有何不同?
  • html公众号页面实现点击按钮跳转到导航
  • 【算法】快速排序的基本思想、优化 | 挖坑填补法和区间分割法
  • OSPF动态路由实验(华为)
  • EasyRecovery2024专业免费的电脑数据恢复软件
  • Vue集成PageOffice实现在线编辑word、excel(前端配置)
  • IBM SPSS Statistics for Mac:数据分析的卓越工具
  • python爬虫------- Selenium下篇(二十三天)
  • 获取字符串的全排列(去除字符串中2个字符相同时造成的重复)
  • HTML5新增的多媒体标签
  • 温湿度传感器(DHT11)以及光照强度传感器(BH1750)的使用
  • ActiveMQ 04 Linux下安装
  • .pyc 文件是什么?是否有必要同步到 GitHub 远程仓库?
  • Zookeeper的集群搭建和ZAB协议详解
  • STM32 MPU配置参数
  • Kafka概述
  • OpenHarmony编译构建系统
  • Qt5 编译oracle数据库驱动
  • UE5学习日记——实现自定义输入及监听输入,组合出不同的按键输入~
  • 为什么把script标签放在div下面?
  • Git 自定义命令
  • SpringBoot多数据源配置及使用