vue print.js问题

2024-08-29

vue 中使用print.js 打印遇到的问题？

不管怎么设置打印部分的 margin和height 仍会在预览时多出一张空白页?求各位大佬遇到过的请留言谢谢!

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

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

前端网页打印插件print.js(可导出pdf)

在前端开发中,想打印当前网页的指定区域内容,或将网页导出为多页的PDF,可以借助print.js实现,该插件轻量.简单.手动引入.不依赖其他库.示范项目github:https://github.com/lemoncool/print-demo.效果如图: 关于print.js 功能:网页打印插件,支持打印或不打印指定区域,并且它还支持将网页导出为pdf.前提是可以接受该交互效果. 已实现: 原生js书写不依赖其他库可指定打印(或不打印)的区域支持定制css,内联.外联均可支持select

vue.common.js?e881:433 TypeError: Cannot read property 'nodeName' of undefined

我觉得吧,是这么个原因,就是响应式要找这个node改它的内容,没找着,就报错了. 用computed监控vuex的state属性,绑定到页面上,如果这个属性改了,因为响应式,那么就要更改页面,如果页面不是当前页面,那么就会出现vue.common.js?e881:433 TypeError: Cannot read property 'nodeName' of undefined这样的报错..... 但是vue.common.js里写 // Sort queue before flush. //

vue+node.js+webpack开发微信公众号功能填坑——v -for循环

页面整体框架实现,实现小功能,循环出数据,整体代码是上一篇 vue+node.js+webpack开发微信公众号功能填坑--组件按需引入修改部门代码 app.vue <yd-flexbox> <yd-flexbox-item>能耗排行</yd-flexbox-item> <yd-flexbox-item>房间号</yd-flexbox-item> <yd-flexbox-item>能耗程度</yd-flexbox-item&g

在线jquery.min.js、vue.min.js引用

vue.eslintrc.js常用配置

vue.eslintrc.js module.exports = { root: true, env: { node: true }, extends: [ "plugin:vue/essential", "eslint:recommended" ], rules: { 'accessor-pairs': 2, 'arrow-spacing': [ 2, { 'before': true, 'after': true } ], 'block-spacing': [

print.js继承原有样式

npm install --save print-js import Print from 'print-js' 调用print.js插件 Print({ printable: 'printJS-form', type: 'html', // 继承原来的所有样式 targetStyles: ['*'] })

vue3.0 vue.config.js 配置实战

今天讲述一下vue-config.js配置,我们前面搭建好脚手架会发现,这个对比2.x版本少了很多东西,没有build的配置,也没有webpack的配置,那么问题来了,我们如何去开发我们的项目呢,比如设置代理,打包配置等问题呢? vue cli3.0项目中需要配置其他参数时,需要新建文件'vue.config.js',(这文件名是固定这么写的),与package.json在同一级目录下. module.exports = { // 项目部署的基础路径 // 我们默认假设你的应用将会部署在域名的根

vue cli3.3 以上版本配置vue.config.js

// vue.config.js 配置说明//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions// 这里只列一部分,具体配置参考文档module.exports = { // 部署生产环境和开发环境下的URL. // 默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上 //例如 https://www.my-app.com/.如果应用被部署在一个子路径上,你就需要用这个选项指定这个子

vue.config.js常用配置

使用vue-cli3.0搭建项目比之前更简洁,没有了build和config文件夹. vue-cli3的一些服务配置都迁移到CLI Service里面了,对于一些基础配置和一些扩展配置需要在根目录新建一个vue.config.js文件进行配置 module.exports = { // 选项... } 基本路径 baseUrl从 Vue CLI 3.3 起已弃用使用publicPath来替代. 在开发环境下,如果想把开发服务器架设在根路径,可以使用一个条件式的值 module.exports =

vue+hammer.js完美实现长按、左滑，右滑等触控事件

移动端使用手指直接操作的方式大受用户欢迎,这其中就包括了单点.多点.长按.双击等方式. 这么多触控事件,如果开发者自己实现,会浪费大量的时间和精力,快来看看 hammer.js 让我们轻松了多少吧. 使用下面的方法vue+hammer.js完美的结合在了一起,对于体验很不错.长按删除后无需再次请求服务器,直接在vue中移除数组! <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> &l

vue使用案例，vue初始化，vue初始化方法，vue条件语句，vue在js里面添加元素调用vue方法

<div id="main" > <button id='but1' type="button" v-on:click="save" v-on:mouseout="seout('but1')" v-on:mouseover="seover('but1')"> {{button}} </button> </div> let vue= new Vue({ el

vue引入js文件时报This dependency was not found:错误

vue引入js文件时报This dependency was not found:错误使用了很多方法,原来是这么小的问题,特此记录解决办法添加 ./

减少打包组件vue.config.js——Webpack的externals的使用

vue.config.js module.exports = { configureWebpack:{ externals: { vue: 'Vue', 'vue-router':'VueRouter', axios: 'axios' } } } 在index.html文件中引入CDN <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <

vue-cli3的vue.config.js文件配置，生成dist文件

//vue.config.jsonconst path = require('path'); // const vConsolePlugin = require('vconsole-webpack-plugin'); // 引入移动端模拟开发者工具插件 (另:https://github.com/liriliri/eruda) // const CompressionPlugin = require('compression-webpack-plugin'); //Gzip // const

在vue的js文件引入自定义js文件

自定义js var provinces=[] export default provinces vue页面js引入 import riskLeft from "./index.js"; export default riskLeft; riskLeft内引入自定义js(背景:.vue文件内html和js分离) import provinces from './province-data' export default { data() { return { provinces: []

【vue-cli 3.0】 vue.config.js配置 - 路径别名

如何配置vue-cli 3中vue.config.js的路径别名? 前段时间更新电脑重装了一下vue-cli,发现了vue-cli已经更新到3.0版.用来搭建项目后发现简化了很多,而且配置文件现在可以全部统一在vue.config.js中,很方便有没有,从此以后一个配置文件走遍公司大小项目,妈妈再也不用担心我每次新建项目时重新配置各个复杂的选项了.那么怎么在vue.config.js中配置路径别名呢? 1. 创建项目 2. 在根目录下新建 vue.config.js 3. 修改vue.confi

Vue Cli 3：vue.config.js配置文件

Vue Cli 3生成的项目结构,没有build.config目录,而是使用vue.config.js来进行配置. vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载. 你也可以使用 package.json 中的 vue 字段,但是注意这种写法需要你严格遵照 JSON 的格式来写. 一查看Vue Cli版本 vue --version 3.5.1 二创建vue.

vue.config.js配置前端代理

// vue.config.js 配置说明 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions // 这里只列一部分,具体配置参考文档 module.exports = { // 部署生产环境和开发环境下的URL. // 默认情况下,Vue CLI 会假设你的应用是被部署在一个域名的根路径上 //例如 https://www.my-app.com/.如果应用被部署在一个子路径上,你就需要用这个选项指定

Vue-Cli 3.0 + vue.config.js

虽然一直没有亲手搭建过vue项目,但是2.0的时候就开始自学(但并没有实践项目).然后公司最近有个人用3.0做了个项目,公司让我参与进去,我就顺便学习了一把3.0.(美滋滋) 因为电脑的环境还是之前自学时候的2.0,因此现在需要先升级到3.0.下面是具体步骤: 1. npm uninstall -g vue-cli 2. npm install -g @vue/cli 3. vue create [new-dir] //进去后会有一些选择让你做,我选的default,然后下载用选npm 4

vue print.js问题

热门专题