首页 > 其他分享 >vue-print-nb的应用

vue-print-nb的应用

时间:2023-01-05 13:34:12浏览次数:36  
标签:vue auto nb print margin printObj

1、cnpm i vue-print-nb

2、触发事件:v-print="printObj"

3、触发的是个对象:

   printObj:{                 id: 'print',  //需要打印的盒子                 popTitle: this.$route.query.matterName,  //打印的文件名称title             } 4、需要保证颜色样式的地方加上:-webkit-print-color-adjust: exact; 5、整体样式: @media print {     @page {         size: auto;         margin: 5mm;     }     #print {         width: 21cm;         min-height: 29.7cm;         padding: 2cm;         margin: auto;     } }

标签:vue,auto,nb,print,margin,printObj
From: https://www.cnblogs.com/zj6666/p/17027288.html

相关文章

  • Vue3路由的redirect重定向结合函数实现不同的用户身份跳转到不同的首页
    访问网页主域名的时候,识别用户身份跳转到不同的首页,配置路由重定向constroutes:Array<RouteRecordRaw>=[//访问主域名的时候,根据用户的登录信息,重定向到不同的页......
  • vue + uniapp实现手机横屏弹幕
    小程序,手持弹幕,输入文字之后,弹幕从右往左匀速划过,再次循环。实现这个功能,首先建一个uniapp项目,建一个vue页面<template> <viewclass="danmu_bg"> <viewclass="......
  • 在vue中watch和created哪个先执行?
      官网的生命周期图中,initreactivity是晚于beforeCreate但是早于created的。watch加了immediate:true,应当同initreactivity周期一同执行,会早于created执行。而正常......
  • vue2 vue3 禁用F12控制台 打印渲染新内容 禁用右键等
    constdisabled=()=>{//console.log('禁止脚本,运行成功');constconfig={rightKey:false,//是否开启右键菜单controller:fal......
  • vue面试考察知识点全梳理
    一、简介vue几个核心思想:数据驱动组件化虚拟dom、diff局部最优更新源码目录介绍Vue.js的源码在src目录下,其目录结构如下。src├──compiler#编译......
  • 校招前端一面必会vue面试题指南
    写过自定义指令吗?原理是什么回答范例Vue有一组默认指令,比如v-model或v-for,同时Vue也允许用户注册自定义指令来扩展Vue能力自定义指令主要完成一些可复用低层级DOM操......
  • uniapp + vue 实现色弱测试小游戏
    最终的效果:点击色块中不同的色块,跳到下一关准备一些静态数据,放到js目录下,在vue文件中引入即可//在1到比1大的任意整数之间随机取一个整数exportconstgetRandom......
  • Vue3中操作子组件实例
    子组件Child.vue<template><hr/>{{INFO}}<hr/><button@click="changeInfo">changeInfo</button></template><scriptsetuplang="ts">import{ref,r......
  • vue本地头像实时更新
    代码template<divclass="form-group"><p><labelfor="avatar"><img:src="imageUrl"alt=""id="img"ref="img"style="width:100%;"></l......
  • Vue的生命周期
    1.beforeCreate:无法通过vm,访问data,和methods。2.created:可以通vm,访问data和methods的方法。3.beforeMount:(1).生成未经vue编译的DOM结构,        ......