vue-打印
需求：需要打印一个vue组件内的页面，但页面较长，需要分成多个页面打印先后尝试过vue-print-nb和vuePlugs_printjs等，只能打印出第一个页面，其他页面无法打印后尝试print-js插件，对长页面打印成功print-js：https://printjs.crabbly.com/#documentation使用流程1、安装组件npm install print-js --save2、在需要打印的页面导...
2024-01-10
用vue实现入库单的打印
1、安装vue-print-nb插件npm install vue-print-nb --save2、在main.js文件中引入插件import Print from 'vue-print-nb'Vue.use(Print)3、编写程序 <div style="width: 37%" align="center"> <div id="printTest" style="width: 100%" align="center"> <h1>入库单</h1> <p>日期：2020年04月...
2024-01-10
Vue实现打印功能
在这里感谢我是一名好程序https://www.cnblogs.com/wangqi2019/p/11850581.html有可能太多人的能力过人，但同样遇到问题始终不愿担负起责任注意：打印的样式遵循页面的CSS样式； 具体打印设置可直接在调用的打印机上进行格式的设置 如果打印的内容有图片（即页面存在<img>标签），需将图片格...
2024-01-10
vue打印pdf样式不对问题
打印出来这一块是有阴影的。怎么回事其实最好是吧这个内容，横向的长度和纵向的长度互换一下的，不知道怎么实现？回答我这里没有复现你的问题，我创建了一个全新的 vue 项目，然后按你链接的方法生成了pdf，没发现问题。所以问题貌似出在你的css 某些背景设置上，但我这里没有你的代...
2024-01-10
有前端使用过vue打印收银小票吗？
前端使用vue框架，如何通过ip地址连接打印机，并触发打印呢，并且打印的内容可设置等回答：没做过打印收银小票，做过快递标签打印。快递标签打印机和普通的打印机不一样，它接收的不是图像而是 XML ，因此使用 window.print 等方案是无效的，而是要根据打印机厂商提供的协议生成对应的 XML 去启动打印，我做的那款打印机是用的 webSocket + 特定的 XML 结构，拼 XML 很简单...
2024-02-22
使用vue-print-nb插件页面空白以及打印没有样式问题
在使用vue-print-nb中遇到两个问题：第一个问题：点击打印后，打印的内容是一片空白 vue-print-nb的原理大概是在你的页面上创建一个iframe，然后把你要打印的那一个div抓出来给iframe。 如上图所示，最后把iframe添加到body中； 当我们点击‘打印’的时候，其实就是调用iframe的print()方法，这...
2024-01-10
vue 中PDF实现在线浏览，禁止下载，打印
需求：在线浏览pdf文件，并且禁止掉用户下载打印的效果。分析：普通的iframe、embed标签都只能实现在线浏览pdf的功能，无法禁止掉工具栏的下载打印功能。只能尝试使用插件，pdfobject.js这个插件可以实现功能，而且操作简单，但是兼容性不好，不兼容火狐、ie浏览器。于是替换成pdf.js实现：因为不想...
2024-01-10如何在Java 9的JShell中打印星型？
JShell 是Java 9中引入的REPL工具，它使我们能够执行Java代码并立即获得结果。我们可以评估 表达式 或简单算法，而无需创建新项目，使用JShell进行编译或构建。我们还可以执行表达式，使用导入，定义类，方法和变量。它是Java 9 JDK的一部分，但不是JRE。我们只需键入jshell即可在命令提示符下启动JShell...
2024-01-10
vue怎么实现这种点击下载 弹出 可打印可下载
点击表格的点击下载 他会在网页跳转到这里 然后把文件分好页 可下载可打印 这是怎么弄的啊回答：用 window.print() 可以调出浏览器的打印窗口 打印 pdf 链接可以用 iframe这是代码：var src = 'https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf'printPdf(...
2024-03-04
为什么 vue+axios 的日志只打印一次？
const handleUpload = () => { const uploadingCount = ref(0); fileList_1.value.forEach((item, index) => { const formData = new FormData(); formData.append("file", item.originFi...
2024-03-01
vue绑定回车事件
对于原生的Vue来说，要绑定回车（enter）事件，只需要：@keyup.enter="方法名"而如果用了类似于Element UI之类的第三方UI框架的话，则得在后面加【.native】修饰符：@keyup.enter.native="方法名"这样就可以给原生的HTML元素绑定上回车事件，在一些比如input输入框需要添加回车搜索的事件处理机制的场景中就可...
2024-01-10
vue插槽使用
vue插槽分为普通插槽，具名插槽，作用域插槽普通插槽只能有一个，而具名插槽可以有多个如果具名插槽没有接收的值（没有传插槽进来），会显示默认的值具名插槽和普通插槽作用域插槽自己定义循环的标签，不关心列表项怎么显示，由外部来决定子组件做循环，或者由外部传进来的时候重点...
2024-01-10
vue 代码高亮插件全面对比测评
目录全面对比从活跃方面来看从功能方面来看深入对比1，ace2，codemirror3，monaco4，结论全面对比从活跃方面来看从功能方面来看代码高亮是必须的，社区必须活跃，不然修复bug没有一点点参考，太费时间。自动补全缩进，快捷键操作，搜索和替换等功能不是必须的，如果有，能拿来装逼当然最好，...
2024-01-10
基于vue的分页插件
相信大家用过很多jquery的分页插件，那这次就用一用基于vue的分页插件。这里的环境用的是springboot首先要引入pagehelper的jar文件，版本是1.2.3，配置文件也需要配置一下核心代码： DAO层接口：1 List<Article> selectAll();mapper文件：只需要写一个简单的查询即可。1 <select id="selectAll" resultMap="ResultMapWithBLO...
2024-01-10
写一个vue的滚动条插件
组件源码如下： vue-scroll.vue<template> <div class="vue-scroll" ref="vueScrollW"> <div class="vue-scroll-w" ref="vueScroll" > <div class="vue-scroll-c" :style="{width:cWidth}"> <slot></slot> </div> </div> ...
2024-01-10
vue3.0实现插件封装
最近公司有一个新的项目，项目框架是我来负责搭建的，所以果断选择了Vue3.x+ts。vue3.x不同于vue2.x，他们两的插件封装方式完全不一样。由于项目中需要用到自定义提示框,所以想着自己封装一个。vue2.x提供了一个vue.extend的全局方法。那么vue3.x是不是也会提供什么方法呢?果然从vue3.x源码中还是找到...
2024-01-10
vue插件编写与实战
关于微信公众号：前端呼啦圈（Love-FED）我的博客：劳卜的博客知乎专栏：前端呼啦圈前言热爱vue开发的同学肯定知道awesome-vue 这个github地址，里面包含了数以千计的vue开源插件，而这些插件大都来自第三方开发者们，是他们为vue社区提供了大量的技术支持和解决方案。本文立足vue开源的理念，...
2024-01-10
vue中如何开发插件
1、vue中提供了install方法用来开发插件 官方：Vue.js 的插件应该有一个公开方法 install。这个方法的第一个参数是 Vue 构造器，第二个参数是一个可选的选项对象。2、我的插件目录如下button.vue用来书写插件的具体实现代码； button/index.js用来局部创建组件； library用来全局创建组件3、button.vue文件...
2024-01-10
个人推荐的两款vue导出EXCEL插件
个人认为前端VUE项目中导出EXCEL比较好的两种方法，均不是我个人原创，我只是收录简单说明，原创地址在下面。下面推荐两种方法，个人推荐第一种，第二种不做详细讲解，因为作者已经写过博客了，你们可以点击下面链接去学习一下。第一种vue-json-excel第二种vue2.0-excel*（备注）第一种方法简单...
2024-01-10对vue事件的延迟执行实例讲解
vue事件的延迟执行：<div id="box"> <input type="text" @keyup="show | debounce 2000"></div><script> var vm=new Vue({ data:{ }, methods:{ show:function(){ alert(1); } } }).$mount('#box');</script>以上这篇对vue事件的延迟执行实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。...
2024-01-10如何打印QTableView
我有一个连接到mysql数据库并在QTableView中显示查询结果的Python和PySide应用程序。我需要打印表视图的内容。这是一些代码： self.db_table = QtGui.QTableView(self) self.model = QtSql.QSqlQueryModel() self.model.setQuery("SELECT * FROM simpsons") self.model.setHeaderData(1, QtCore.Qt.Horizontal,...
2024-01-10
vue3 可拖动的左右面板分割组件实现
目录分解组件左侧面板右侧面板入参分解propsslots具体实现如何拖动呢？事件监听宽度处理优化buggit地址最近在使用vue的时候,遇到一个需求,实现左右div可通过中间部分拖拽调整宽度，本文就整理一下，分享给大家，具体如下：效果图分解组件整体使用flex布局左侧面板面板的具体内容通过slot具名插...
2024-01-10
【Vue】如何利用vue封装一个可展开/收起的组件
最近有个需求就是用vue封装一个类似element 的展开/收起的组件，像下图这种自己可以写demo，但是不会封装，望前辈们指教指教，如果能贴个示例代码的话，万分感谢~！回答笔试题还是猎头哦，一般人也不会有这种需求。。。个人拙见：把几个常用的功能留作 prop 嘛，比如展开按钮的文本、比如你这个 g...
2024-01-10
vue组件的按需加载
一、require.ensure()require.ensuire(dependencies:String[],callback:function(require),errorCallback:function(error),chunkName:String)const List = resolve =>{ require.ensuire([],()=>{ resolve(require(\'./list\')) },\'list\') }webpack在打包的时候会把整个路由打包成一个js文件，路由组件越...
2024-01-10
如何手 Vue的手势组件呢？本文教你
前言最近需要使用手指捏合扩大的手势操作，找了几个组件，要么对 Vue 适配不好，要么量级太大，决定自己手写手势操作。项目与效果预览 思路直接在 DOM 上绑定 touchstart 、touchmove、touchend 不仅要绑定这几个事件，而且用在其他项目还不好复用。所以用 Vue 自定义指令比较合适，指令还可以...
2024-01-10
vue 引用其他组件
1、在components 目录下新建Test.vue 文件<template> <div class="test"> <h1>{{ msg }}</h1> <router-link to="/login">跳转到详情页</router-link> </div></template><script>export default { name: 'test', data () { return { msg: 'this.test uve' } }}</script>...
2024-01-10
vue组件如何保存在数据库，然后异步加载注册？
要做一个拖拽生成页面我所知道的是，vue组件可以用字符串模板但是字符串模板，html可以保存在数据库，但是像methods的东西都会丢失，我是用 JSON.stringify() 之后保存到数据库的如何能 html ，css ， js 都完整的 存 取 数据库呢？回答：网格内渲染组件使用component :is循环listlist:[{name:'xxxcomponent',x:20,y...
2024-02-15
vue组件是如何解析及渲染的？
前言本文将对vue组件如何解析以及渲染做一个讲解。我们可以通过Vue.component注册全局组件，之后可以在模板中进行使用<div id="app"> <my-button></my-button></div><script> Vue.component("my-button", { template: "<button> 按钮组件</button>", });let vm = new Vue({ el:'#app'});</script>全局组件解析原理为了保证组件...
2024-01-10
基于vue实现探探滑动组件功能
前言嗨，说起探探想必各位程序汪都不陌生(毕竟妹子很多)，能在上面丝滑的翻牌子，探探的的堆叠滑动组件起到了关键的作用，下面就来看看如何用vue写一个探探的堆叠组件 ?一. 功能分析简单使用下探探会发现，堆叠滑动的功能很简单，用一张图概括就是:简单归纳下里面包含的基本功能点:图...
2024-01-10vue 组件销毁并重置的实现
方法1当数据变更后,通过watch 监听，先去销毁当前的组件，然后再重现渲染。使用 v-if 可以解决这个问题<template> <third-comp v-if="reFresh"/></template> <script> export default{ data(){ return { reFresh:true, menuTree:[] } }, watch:{ menuTree(){ this.reF...
2024-01-10
vue数组对比调整顺序
现有数据如下：想根据arr1的uid来排arr2的顺序let arr1 = [ { "attachment": "blob:http://localhost:8096/46c7bf55-e7a0-443a-8a62-ae5e89e4a8a5", "number": 0, "uid": 1638867875084, "id": ...
2024-02-08
