vue–封装打印文件方法1.封装、手撸print.js文件const Print = function(dom, options) { if (!(this instanceof Print)) return new Print(dom, options) this.options = this.extend( { noPrint: '.no-print' }, options ) if (typeof dom === 'string') {
原创
2021-11-16 09:18:22
348阅读
项目中使用到打印的功能,推荐使用Lodop插件。既然是插件,vue的渐进式开发。完全可以拿来化为己用。如何使用那?先大概看了下开发文档,就是一堆demo,一个js文件,三个安装程序,就这么简单。come on 电脑安装C-Lodop,就可以打印预览来了。首先改造:LodopFuncs.js 方法改造如下
//====判断是否需要安装CLodop云打印服务器:====
export functio
原创
精选
2024-05-27 13:58:57
514阅读
三.下载完成后解压得到LodopFuncs.js ,将这个文件复制到Vue项目中的utils文件夹中即可。二.在下载中心点击画红圈的部分(根据自己需求)一.打开LODOP官网。
原创
2023-02-14 14:56:42
521阅读
1、vue父子组件传值方式1、props
2、v-model
3、.sync 父组件向子组件传的值,子组件可以直接修改父组件的值
4、ref
父组件通过ref直接拿到子组件的属性或方法
5、$emit
父组件给子组件定义事件,子组件中emit触发,参数(事件名,参数)
6、$children&$parent
获取到一个包含所有子组件的对象数组,直接拿到父子组件的属性和方法
转载
2024-07-19 14:34:02
96阅读
在vue项目中使用lodop打印功能---条形码打印案例
转载
2021-07-30 10:10:00
2684阅读
2评论
这次做了个项目,其中一个模块的功能就是,根据用户填写的信息生成一个pdf但是pdf有很多表格,而且格式比较复杂,如果用代码写出这种模板,然后将当前页面生成pdf这种方法显然不太现实,后来发现用填充模板的方法可以实现1.先安装对应依赖npm install docxtemplater pizzip --save-dev
npm install jszip-utils --save
npm insta
转载
2024-08-11 10:46:33
66阅读
一:KEYCLOAK配置部分: 1,下载keycloak,官网地址:https://www.keycloak.org/downloads.html。下载第一个就行 2,下载完毕之后,打开文件,访问 bin 路径,点击 standalone.bat 打开,打开之后大概如下: 3,然后访问:http://localhost:8080/auth/ ,下
转载
2024-01-10 18:58:35
249阅读
在现代前端开发中,Vue.js 是一个极其流行的 JavaScript 框架,而 Yarn 则是一个高效的包管理工具。把这两者结合使用,可以带来更好的开发体验。然而,在这个过程中,我们也可能会遇到一些技术痛点。
### 背景定位
在 Vue 项目的早期开发中,团队面临着以下技术痛点:
> “我们希望能够快速搭建 Vue 项目,同时希望依赖包管理更高效,解决传统的 npm install 速度
文章目录基本使用步骤指令的概念内容渲染指令属性绑定指令事件绑定指令事件修饰符按键修饰符双向绑定指令条件渲染指令列表渲染指令 基本使用步骤1.导入vue.js的script脚本文件(可在官网下载)vue官网 2.在页面中声明一个将要被vue所控制的DOM区域 3.创建vm实例对象(vue的实例对象)<!DOCTYPE html>
<html lang="en">
<h
作者:瑞哥最近 Vue3 关于 ref-sugar 的提案引起了广泛的讨论:juejin.im/post/689417…[1]<script setup>
import Foo from './Foo.vue'
// declaring a variable that compiles to a ref
ref: count = 1
const inc = () => {
文章目录一、环境二、创建项目三、启动项目四、项目结构与解释 一、环境环境已经搭好,所以就不废话了,看一下我的版本 这已经是最新环境了。二、创建项目我们使用命令vue create创建,如下:vue create v1 提示说:请选择一个预设,预设就是项目的一些初始化,就是给你安装规定一些基本的东西,以前的低版本vue创建项目是用vue init webpack 【projectName] 命令,
转载
2024-04-19 14:38:30
41阅读
1,使用save会在package.json中自动添加。 注: 通常使用npm安装会出现以下报错,安装失败。(网路问题) 可以通过淘宝的npm镜像安装node-sass,解决以上问题。 $ npm install -g cnpm --registry=https://registry.npm.tao
转载
2017-03-11 15:45:00
163阅读
2评论
https://www.jianshu.com/p/5c4bde800762
转载
2022-06-13 17:00:24
47阅读
最近的项目有手持终端打印小票和电脑连接诶打印机打印信息方法有很多种的:一. vue-print-nb 安装插件1.安装插件npm install vue-print-nb --save2. 在main.js中引入安装的插件import Print from 'vue-print-nb'
Vue.use(Print);3.直接就可以在相应的页面使用<templete>
<div i
转载
2023-11-13 14:00:01
571阅读
Echarts 官网:http://echarts.apache.org/zh/index.html 安装依赖 npm安装 npm install echarts -S 或者用淘宝镜像安装 npm install -g cnpm --registry=https://registry.npm.tao ...
转载
2021-10-27 18:47:00
222阅读
2评论
本文是基于vue3 进行写vue打印,vue2 只需要改动代码即可。打印我使用的是vue3-print-nb,vue2也有对应的版本。1. 安装vue3-print-nbnpm install vue3-print-nb --savevue2 版本npm install vue-print-nb --save 安装完毕后,在vue3中使用是在main.js中进行引入import prin
转载
2024-02-02 11:05:24
269阅读
一、项目环境搭载及创建1. 软件及模块
a. node
用c++编写,用来运行js代码
b. npm/cnpm
终端应用商城
c. vue
用来搭建vue前端项目
2. 安装及下载
a. 安装node
官网下载安装包
b. 安装cnpm
npm install -g cnpm --registry=https://regist
转载
2024-05-08 14:34:13
39阅读
前言: 这是一个java程序员的vue学习记录。 vue是前端的主流框架,按照如今的就业形式作为后端开发的java程序员也是要有所了解的,下面是本人的vue学习记录,包括vue2的基本使用以及引入element-ui,使用的开发工具是IDEA。一、第一个vue项目1、环境需求 系统环境使用的vue3但是后续创建的项目是vue2项目,主要是因为vue3提供了vue ui对于初学者十分友好,这些环境的
转载
2024-07-29 09:09:53
628阅读
// https://eslint.org/docs/user-guide/configuring
module.exports = {
root: true,
parserOptions: {
parser: 'babel-eslint'
},
env: {
browser: true,
jquery: true
转载
2024-06-11 18:15:14
53阅读
<template> <div> <div id="printMe" ref="printContent"> <ul class="content"> <li>轻轻的我走了,</li> <li>轻轻的我走了,</li> <li>轻轻
转载
2021-08-10 10:34:00
833阅读
2评论