vue-print-nb打印预览checkbox自动全部勾选问题

最新推荐文章于 2023-09-06 09:15:34 发布
最新推荐文章于 2023-09-06 09:15:34 发布
阅读量821 收藏 3
点赞数 2
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ffukk/article/details/115628969
版权

printarea.js 里修改成下图

 

ffukk
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue-print-nb:Vue插件，打印！ 好的！
05-12
vue-print-nb 这是用于包装，简单，快速，方便，轻便的指令包装纸。 安装 Vue2版本： npm install vue-print-nb --save import Print from 'vue-print-nb' // Global instruction Vue . use ( Print ) ; //or // Local instruction import print from 'vue-print-nb' directives: { print } Vue3版本： npm install vue3-print-nb --save // Global instruction import { createApp } from 'vue' import App from './App.vue' import print from 'vue3-p
vue-print-nb 兼容低版本浏览器
11-28
vue-print-nb 兼容低版本浏览器 import Print from '@/lib/vue-print-nb/print.umd.min'Vue.use(Print)
求教，vue-print-nb打印时会自动勾选多选框的问题
weixin_45208435的博客
12-24 591
vue-print-nb打印时会自动勾选多选框## 标题 请问用vue-print-nb打印时会自动勾选多选框的问题咋解决呀…
前端打印功能、js打印功能、vue打印功能、vue-print-nb 打印table，数据很多，打印不全
热门推荐
12-30 2万+
今天做了一个发票打印的功能，我使用了vue，整理网上的资料，都逃不过window.print();的， 不多说，先上vue的打印方式： 插件： 1、print-js 优点：活跃度高，插件体积小 缺点：我没看怎么使用，哈哈哈哈 2、vue-print-nb 优点：我看配置后可以多页打印， 缺点：活跃度低，插件大小很大 3、vue-print-nb-jeecg 实不相瞒，我使用的人家集成的模板，哈哈哈哈哈哈哈，直接有这个，就很舒服 注意：上面这三个，不论怎么样使用都更改了很多配置，比如我安装了vue-print
vue-print-nb 实现页面打印（含分页打印）
GFing18的博客
07-05 1万+
vue-print-nb组件实现页面的打印
解决vue-print-nb-jeecg打印el-table表格预览竖版显示不全的问题！
weixin_45844542的博客
08-03 1096
第一步: 下载 vue-print-nb-jeecg 插件第二步: 在main.js中,引用并注册全局使用第三步: 需要打印的元素添加 id</第四步: 打印按钮添加 v-print=“’#printMe’”</
Vue 打印插件 vue-print-nb-jeecg 使用
sunshineTing2的博客
09-18 6267
第一步: 下载 vue-print-nb-jeecg 插件 npm install vue-print-nb-jeecg –save 第二步: 在main.js中,引用并注册全局使用 import Print from 'vue-print-nb-jeecg' Vue.use(Print); 第三步: 需要打印的元素添加 id <div id="printMe">xxxx内容</div> 第四步: 打印按钮添加 v-print="’#printMe’" <el-bu
Vue JeecgBoot 下拉选使用数据字典，设置默认值，默认选中第一个值 - 附完整示例
m0_48968874的博客
06-19 4198
vue jeecg - boot 下拉选使用数据字典，设置默认值，默认选中第一个值
vue-print:基于vue-print-nb打印组件做的功能拓展
05-07
vue-print基于vue-print-nb打印组件的拓展功能,下载后放在项目中引用详情请看博客介绍Installmain.js文件引用import Print from './xxxx/vue-print-nb/src'Vue.use(Print);
vue-print-nb-z
05-06
light.InstallNPMnpm install vue-print-nb-z --saveimport Print from 'vue-print-nb'// Global instruction Vue.use(Print);//or// Local instructionimport print from 'vue-print-nb'directives:
vue中使用vue-print.js实现多页打印
11-21
由于打印插件存在问题，如果打印文件超出一页，只显示一页，所以我们需要修改print.js源文件，所以只能手动下载vue-print.js到本地，做一些修改，然后引入到项目中，不能使用npm安装 下载 print.js ...
vue中使用Checkbox 多选框循环遍历
weixin_43549979的博客
08-20 1万+
首先效果展示 步骤如下： 1、html <el-form> <el-form-item v-for="(item, index) in dataList" :key="index"> <el-checkbox @change="(val) => handleCheckAllListChange(val, item)" :indeterminate="itemIndet
使用vue-print-nb实现打印，radio样式修改
m0_49529959的博客
03-24 2891
1.需求：使用A3纸打印试卷，选择使用vue-print-nb实现页面打印（修改后的图片效果） 2.问题：单选题/radio的样式html页面样式显示正常，但是打印预览时页面样式显示错位 3.解决办法：修改radio显示标签 print.vue（页面标签） <!-- 打印显示会错位 --> <!-- <el-radio-group v-if="questionItem.questionType ==
Vue复选框、下拉框使用案例，复选框选项元素（el-checkbox）换行竖向显示
hkl_Forever的博客
07-21 5390
【3】整个复选框一系列函数案例。1、下拉框初始化案例代码。
element ui 组件打印时丢失样式的解决办法
yueping0718的专栏
07-28 1810
当vue前端使用打印插件时（比如vue-print-nb）,偶尔会碰到无法打印出组件样式的情况，比如复选框el-checkbox。找到对应的组件样式，比如复选框el-checkbox,找到.el_checkbox__input类，添加。点击打印时的情况，没了√。...
vue 打印
a378113472的博客
11-12 2212
打印
vue 使用vue-print-nb 实现打印功能
@必意玲
08-07 7328
1. 实现效果 2. 安装 vue-print-nb cnpm i vue-print-nb -S 3. 在main.js 中引入 import Print from 'vue-print-nb' //打印二维码 Vue.use(Print) 4. vue页面使用 <template> <div class="print-page"> <div id="printTest"> <p>锄禾日当午</p&
vue前端打印代码加遇到的问题
anwenagululu的博客
09-06 482
vue前端打印，打印预览时多一张空白页，希望在打印时显示 id="printContent" 的内容，但在组件引用时隐藏它，vue-print-nb，vue-print-nb-jeecg
如何使用vue-print-nb ，根据后端返回的图片blob流在线调取打印机，打印图片，打印指定区域
一个在全能之路上越走越远的男人。
09-29 3425
搜遍全网感觉没有一个做过的，只能看类似的案例，自己摸索了，索性很容易就出来了，记录一下 首先，我们需要打印后端返回的图片流，我找了半天没找到方法，打印pdf的方法倒是有，但只是支持pdf的流。 那么打印图片流，只能考虑其他的方案了。变通思路如下： blob的图片流肯定能展示在页面上，那么只要先把图片转成blobURL的地址，显示在指定的div内，然后指定打印的区域就行了。 做法如下: 1.先把返回的blob流，转成blob的URL： // 将返回的流数据转换为url， flle参数是blo.
vue-print-nb 分页打印
最新发布
10-08
对于Vue.js中的分页打印，你可以使用vue-print-nb插件来实现。vue-print-nb是一个基于Vue.js的打印插件，可以方便地实现网页的分页打印功能。 首先，你需要在你的Vue项目中安装vue-print-nb插件。可以使用npm或yarn来进行安装： ``` npm install vue-print-nb --save ``` 或者 ``` yarn add vue-print-nb ``` 安装完成后，在你的Vue项目的入口文件（如main.js）中导入vue-print-nb，并将其注册为全局组件： ```javascript import Vue from 'vue' import VuePrintNB from 'vue-print-nb' Vue.use(VuePrintNB) ``` 然后，在你需要进行打印的组件中，使用vue-print-nb组件包裹需要打印的内容： ```html <template> <div> <!-- 打印按钮 --> <button @click="print">打印</button> <!-- 需要打印的内容 --> <vue-print-nb ref="printContent"> <div> <!-- ... --> </div> </vue-print-nb> </div> </template> <script> export default { methods: { print() { // 调用vue-print-nb插件的打印方法 this.$refs.printContent.print() } } } </script> ``` 以上代码中，我们在需要打印的内容外部包裹了一个vue-print-nb组件，并给它添加了一个ref属性，用于获取组件的实例。然后，在打印按钮的点击事件中，调用print方法即可触发打印。 请注意，vue-print-nb插件提供了一些配置项，你可以根据需要进行设置。具体的配置信息和更多用法，请参考vue-print-nb的文档。 希望以上信息对你有帮助！如果你还有其他问题，请继续提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值