vue-print-nb打印莫名出现 “＞

最新推荐文章于 2024-05-24 23:45:01 发布

胡歌1

最新推荐文章于 2024-05-24 23:45:01 发布

阅读量202

点赞数 1

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/guapilixianghe/article/details/126477667

版权

printObj:{
          id: "printMe", //打印区域 Dom ID
          popTitle: " ",
          extraCss: '<meta http-equiv="Content-Language"content="zh-cn"/>',
          extraHead: '',
        },

原来是 extraCss的问题，直接去掉就行了。

优惠劵

胡歌1

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue-print-nb打印莫名出现 “＞

原来是 extraCss的问题，直接去掉就行了。
复制链接

扫一扫

vue-print-nb 兼容低版本浏览器

11-28

vue-print-nb 兼容低版本浏览器 import Print from '@/lib/vue-print-nb/print.umd.min'Vue.use(Print)

Vue开发使用vue-print-nb插件实现页面打印功能

qq_38188228的博客

08-04

1205

vue-print-nb插件的安装打开项目终端，运行如下代码进行插件的安装 $ npm i vue-print-nb vue-print-nb插件的使用首先在文件中引入，注册该插件。注：可以在main.js中注册，也可以单独封装一个负责所有的全局自定义组件的文件 //main.js 中使用 import Print from 'vue-print-nb' //引入插件 Vue.use(Print) // 注册打印组件或在scr/components/index.js进行注册 // scr/comp

参与评论您还未登录，请先登录后发表或查看评论

6.5 Vue输出的问题

lf_1234的博客

06-05

228

<template> <div> <div> 学号<input type="text" v-model="id"><br> 姓名<input type="text" v-model="name"><br> 性别<input type="text" v-model="sex"><br> 年龄<input type="tex...

使用那各VUE的打印功能（print.js）出现多打印一个空白页的问题

岁末zzz的博客

08-03

3212

最近这段时间，用VUE写东西，有个打印功能。百度了一下，铺天盖地的VUE打印的两种实现方法。很感激这些千篇一律的帖子，虽然不知道他们是否真的用过，还是只是复制粘贴。至少这些帖子告诉我，是有两个可以选择的，并且多看几篇帖子，总算把这两个打印方法，都试了一遍。下面简单总结一下：先说结论：请使用第二种方法，下载print.js到本地，然后放到项目中导入。原因后边说。一、使用vue-print-nb方法具体的使用这里就不详细说明了，因为网上真的太多太多了。千篇一律的。在本地直接npm安装一下就好。按

c语言入门空白页怎么打开,使用那各VUE的打印功能（print.js）出现多打印一个空白页的问题...

weixin_30039311的博客

05-20

120

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 // ...

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-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中使用vue-print.js实现多页打印

11-21

由于打印插件存在问题，如果打印文件超出一页，只显示一页，所以我们需要修改print.js源文件，所以只能手动下载vue-print.js到本地，做一些修改，然后引入到项目中，不能使用npm安装下载 print.js ...

openlayers绘制经纬网格，有添加或者移除功能

qq_52959651的博客

05-21

208

我的项目是vue写的，当点击多选框显示隐藏经纬网格，下面直接写代码。项目需要在地图中添加经纬网格，然后看了一下官网有相关的介绍。这是删除图层相关的网站。这是绘制经纬网格方法。

React Suspense与Concurrent Mode：异步渲染的未来

天涯学馆

05-20

1022

React的Suspense和Concurrent Mode是React 16.8及更高版本引入的概念，旨在提升用户体验和性能，特别是在处理异步数据加载和动画时。它们是React的下一代渲染策略的一部分，目的是实现更流畅的交互和更高效的资源调度。

超详细的前后端实战项目（Spring系列加上vue3）前端篇（二）（一步步实现+源码）

最新发布

2301_79969279的博客

05-24

577

好了，兄弟们，继昨天的项目之后，开始继续敲前端代码，完成前端部分昨天完成了全局页面的代码，和登录页面的代码，不过昨天的代码还有一些需要补充的，这里添加一下。

vue 使用 export default

global_coding的博客

05-24

204

vue 使用 export default

15 VUE学习：插槽slot

sixpp的博客

05-23

2551

如果我们将这个概念拓展一下，可以想象的是，一些组件可能只包括了逻辑而不需要自己渲染内容，视图输出通过作用域插槽全权交给了消费者组件。Vue 组件的插槽机制是受[原生 Web Component `` 元素]的启发而诞生，同时还做了一些功能拓展，这些拓展的功能我们后面会学习到。现在组件可以用在不同的地方渲染各异的内容，但同时还保证都具有相同的样式。插槽内容可以访问到父组件的数据作用域，因为插槽内容本身是在父组件模板中定义的。在上面的[渲染作用域]中我们讨论到，插槽的内容无法访问到子组件的状态。

python爬虫简单介绍

mj256115的博客

05-24

311

Python作为一种流行的编程语言，因其简洁、易学和强大的库支持，成为编写爬虫的首选语言之一。下面是Python爬虫的详细介绍，包括其组成部分、常用库以及基本的爬虫流程。

【MySQL精通之路】AdminAPI-使用

Anakki的博客

05-19

727

本文介绍MySQL SHELL提供的MySQL AdminAPI，使您能够，使用它们创建和，并集成。

vue2vue3为什么el-table树状表格失效?

m0_73854403的博客

05-21

202

从后端拿到数据后，递归去掉该字段，然后就能正常显示。（复制下方代码，直接用）上图所示，后端返回字段中有hasChildren字段。

找出最大的可达成数字(Lc2769)——数学

qq_51626500的博客

05-21

305

找出最大的可达成数字(Lc2769)——数学

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的文档。希望以上信息对你有帮助！如果你还有其他问题，请继续提问。

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交