VUE前端

vue前端实现打印功能并约束纸张大小---调用浏览器打印功能打印页面部分元素并固定纸张大小

需求是打印指定div实现小票打印功能。调用浏览器的自带打印功能只能实现打印可视区域，所以这里采用截图+新窗口打开打印去实现此需求。1.安装html2canvas库实现截图功能npminstallhtml2canvas--save2.在需要进行截图和打印的组件中，引入html2canvas库importhtml2canvasfrom'html2canvas';3.实现截图打印功能需要给打印元素添加i
橙色日落·2023-10-18 01:02

记录一下springboot+vue前后端分离实现的excel内容查询导出功能

文章目录前言一、引入apache.poi相关依赖二、vue通过事件点击发送get请求1.发送请求2.后端接收请求3.ExcelUtil工具类4.返回的格式三、vue前端使用blob处理文件流1.处理文件流并下载
maker011·2023-10-17 04:19

ant design vue table 高度自适应_很受欢迎的vue前端UI框架

最近在逛各大网站，论坛，SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，小编自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的公司项目。学习的过程之中发现继最热的React组件库和Angular组件库之后，这里有很多个流行和实用的Vue.js组件库完善你的下一个用Vue.JS编写UI界面的应用程序。Vue.js是一套构建用
weixin_39627201·2023-10-17 00:24

axios post请求后台获取不到参数

axiospost请求后台获取不到参数是为什么在做vue前端+springboot后端项目数据传输的时候，频繁的出现了400badrequest的报错，上网一查，原因是前后端数据类型不匹配。
李佼·2023-10-16 21:34

vue+webapi文件上传与下载

vue+webapi文件上传话不多说直接上本人测试代码VUE前端请将电子书拖入或点击上传图书已上传//importSparkMD5from'spark-md5'importstorefrom"../..
叫我小范·2023-10-15 22:46

vue前端解决跨域【vue.config.js】

在vue.config.js文件中添加module.exports={devServer:{open:true,host:'localhost',port:8000,https:false,//以上的ip和端口是我们本机的;下面为需要跨域的proxy:{//配置跨域，proxy的意思就是代理下边的/api，也就是说如果在请求中是以/api开头的都需要进行代理。'/api':{target:'htt
以对_·2023-10-15 16:57

基于djang、vue、scrapy-redis、高德地图的豆瓣租房租房信息爬取、存储、可视化综合项目

2、django部分这里主要是处理数据的，将存好的数据有序的传递到vue前端，然
haeasringnar·2023-10-15 10:14

VUE前端公用组件封装提取、上传（npm）、使用

前端公用组件封装提取有两种方式：mixins和组件封装。Mixins：混入，是一种分发VUE组件中可复用功能的非常灵活的方式，混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。组件：VUE最强大的功能之一，组件可以扩展HTML元素、封装可重用的代码，在较高层面上，组件是自定义的元素，vue的编译器为它添加特殊功能，在有些情况下，组件也可以是原生HTML
ONEO阿喔哟·2023-10-15 03:21

VUE前端上传excel文件并解析

很多时候，可以选择把文件POST给后端，然后利用后端去解析excel拿到数据，这次来试试前端直接解析。这个前端解析过程，踩了几个坑，写个总结，记录一下。一、前置条件1、需要安装xlsx库npminstallxlsx2、上传使用el-upload组件二、实现过程HTML代码如下：选择文件数据上传【注意】只能上传xls/xlsx文件以上代码需要注意的地方：1、action，如果是上传到后端，则需要填写
dreamandxiaochouyu·2023-10-14 04:40

An exception was thrown while activating Service.Services.Common.PermissionService.

前端访问测试vue前端页面登
jekc868·2023-10-13 19:59

vue前端上传doc文件并读取文件内容

1.上传文件如iview中的：上传文件2.读取doc文件内容先安装mammoth.js插件:npmimammoth--save引用：import*asmammothfrom'mammoth'readFile(file){constreader=newFileReader()reader.readAsArrayBuffer(file)reader.onload=e=>{constdata=reade
mumushuiding·2023-10-13 17:15

vue前端js上传压缩包或excel文件，读取excel内容

一、纯前端解析压缩包①上传压缩包或.xlsx,.xls文件②压缩包解压、转换格式读取excel内容。需要下载插件：jszip、xlsxnpminstalljszip--savenpminstallxlsx--save完整代码如下：亲测可用上传文件import{ref}from'vue';import$from'jquery';importJSZipfrom'jszip';import{read,u
HanShao_·2023-10-13 17:40

完整教程：Java+Vue+Websocket实现OSS文件上传进度条功能

本教程将介绍如何使用Java后端和Vue前端实现文件上传进度条功能，借助阿里云的OSS服务进行文件上传。
热心码民阿振·2023-10-13 14:24

ruoyi 若依 前端vue npm install 运行vue前端

首次导入，需要先执行npminstall#进入到前端模块目录下cdruoyi-ui#安装npminstall启动后端项目运行前端项目：运行成功后，会浏览器自动加载到前端首页（或者浏览器访问打印的两个地址）#运行npmrundev部署：
torpidcat·2023-10-12 18:19

Vue的学习笔记——three：Vue前端路由

Vue前端路由路由后端路由概念：根据不同的用户URL请求，返回不同的内容本质：URL请求地址与服务器资源之间的对应关系SPA（SinglePageAppliaction）后端渲染(存在性能问题)Ajax
默默花上开·2023-10-12 05:21

vue前端自定按钮控制上传el-up方法

首先element-ui中的上传组件是这样的数据结构:{action:“”//上传的连接filelist:'‘’//选种的文件集合}点击上传只能上传jpg/png文件，且不超过500kb点击按钮后就自动根据action的地址上传,实际上是element-ui自动发送了post请求给action连接,但是我想要通过自己手动上传文件(图片/excel)直接发送这个文件体upload(){this.re
蓝胖子不是胖子·2023-10-11 17:35

vue前端——文件类型输入框自动清空 实现及vue cannot set property ‘value‘ of null报错处理

页面：html代码：实现：一开始想法是在取消按键里绑定清空方法，仅设置了将上面两个箭头指向的v-model置为“”,但是报错，再次点击选取文件时，就无法选取同样的文件。错误原因在于，文件输入框作为一个dom，要将文件本身清空，不仅是将name置空。js代码：this.addModelName="";this.modelFileName="";改为：this.addModelName="";this
zoeezym·2023-10-10 15:06

vue前端项目——导航栏跳转 页面保留导航样式

在/router/index.js里配置父子导航栏，并在子导航栏增加导出index.vue//配置导航和页面路径constGoods=()=>import('@/pages/goods/')constGoodsList=()=>import('@/pages/goods/goodsList')constShopWindow=()=>import('@/pages/goods/shopWindow'
zoeezym·2023-10-10 15:06

[Vue前端] el-table滚动条不显示问题的解决

代码：.show_table{position:relative;width:100%;overflow:auto;}如截图，表格里内容超出表格大小，css中加了overflow:auto但没有出现滚动条。解决办法：把el-table标签里的height换到css样式中，滚动条正常显示。.show_table{position:relative;width:100%;height:500px;//
zoeezym·2023-10-10 15:06

Vue前端导入上传Excel

1.引入工具库npminstall-Sfile-saverxlsxnpminstall-Dscript-loader2.Element上传控件limitUpload=1限制只能上传1个文件accept为默认打开的可上传的文件格式:show-file-list="false"不展示列表action=""因为导入，不用写上传路径，只用功能就可以3.methodsleading(file,fileLis
Zxy_i·2023-10-10 04:08

vue前端直接使用element-ui的upload组件上传到阿里云OSS存储

因为公司的服务器比较拉吧，所以老大决定将数据文件等上传到阿里云服务器，通过ali-oss方式，这样的话读取文件也比较快（能看到这说明什么安装element-ui都会了，我就不详细介绍了，直接跳过）在执行下面操作之前，你要确定你的阿里云能看到上边这个页面这里主要是配置读写，只有设置成公共读写，才可以前端直接上传，不需要跟后端要什么token了一、安装npmi--saveali-oss（1）.在vue
Single-Thread·2023-10-10 04:41

springboot+vue实现ChatGPT逐字输出打字效果

文章目录前言一、效果二、Springboot后端1.封装请求OpenAI接口的客户端2.对话处理3.对话请求接口二.Vue前端前言在调用OpenAIGPT接口时，如果不使用流式（stream:true）
程大白丶·2023-10-08 14:53

socket.io学习笔记（含简易demo代码）

目录安装导入使用事件触发事件广播rooms断点重连简易聊天室Demo安装nodejs后端:npminstallsocket.iovue前端:npmivue-socket.io-Snpmisocket.io-client-S
ArmadaDK·2023-10-08 12:24

Vue前端基础知识

0.那你能讲一讲MVVM吗？MVVM是Model-View-ViewModel缩写，也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型，View代表UI组件，ViewModel是View和Model层的桥梁，数据会绑定到viewModel层并自动将数据渲染到页面中，视图变化的时候会通知viewModel层更新数据。1.简单说一下Vue2.x响应式数据原理Vue
5e8294296ff4·2023-10-07 07:35

css透明度怎么设置？三种css图片透明度的设置方法

（推荐视频课程：HTML+CSS+JS+vue前端基础入门~htt
八重樱勿忘·2023-10-07 00:00

Vue前端项目中package.json文件的作用

概述：package.json是一个项目描述文件,是一个严格的json文件，里面记录了当前项目的信息。比如:项目名称、版本、作者、gitHub地址、当前项目依赖哪些第三方模块等。name//项目名称"name":"vue-admin-template",version//项目版本"version":"4.4.0",description//项目描述，description是一个字符串。它可以帮助人
神也畏惧小卢·2023-10-06 20:13

将数据从 Laravel 传送到 vue 的四种方式

这适用于Vue前端组件与Blade模板紧密耦合的两个应用程序，以及运行完全独立于Laravel后端的单页应用程序。这里有四
summerbluet·2023-10-05 03:50

Vue前端获取文件，后端Java获取文件后上传到FTP服务器上

详细获取不展示，只展示主要功能实现Vue前端上传文件控件：页面展示：vue前端界面代码：点击上传-->beforeAvatarUpload(file,item,fileList)":on-change=
编不出代码的女程序员·2023-10-05 03:31

Vue前端使用echarts（径向树状图）

Vue前端使用echarts错误Error:Initializefailed:invaliddom.解决方法：本来是通过id换成ref错误Errorinmountedhook:“TypeError:Cannotreadproperty
编不出代码的女程序员·2023-10-05 03:01

vue前端使用echart径向树形图修改样式

echart径向树形图官网示例：https://echarts.apache.org/examples/zh/editor.html?c=tree-radial官网示例：修改个性化示例：series里orient代表：orient:"LR",//竖向或水平TB代表竖向LR代表水平1、可缩放、可拖动在series里面添加：roam:true,//是否可拖动、缩放2、控制节点大小symbolSize：
编不出代码的女程序员·2023-10-05 03:01

WebSocket基础——WebSocket的基本概念 VS Http & SpringBoot整合WebSocket & vue前端代码和效果展示

本篇博客介绍WebSocket的基本概念，与http的区别和联系，然后介绍SpringBoot整合WebSocket，以及vue前端代码和效果展示。目录前言引出Web
Perley620·2023-10-03 12:45

vue前端国际化Vue I18n使用入门

1.安装yarnaddvue-i18n2.配置main.js文件importVueI18nfrom'vue-i18n'//引入VueI18nimport{cn}from'./static/lang/cn'//引入lang文件import{en}from'./static/lang/en'consti18n=newVueI18n({locale:'en',//设置语言messages:{cn:{..
随风飞2019·2023-10-03 00:06

error:03000086:digital envelope routines::initialization error

vue前端项目命令框输入npmrunserve报error:03000086:digitalenveloperoutines::initializationerror错误原因：node版本过高解决办法：
追丰少年·2023-10-02 12:00

Vue前端面试题--2021.11.29(非vue3)

前段时间总结的部分面试题，有需要的可以看下哈~~什么是构造函数用new关键字来调用的函数，称为构造函数。构造函数首字母一般大写functionPerson4(){this.gender='男';//return{gender:'中性'};}varp4=newPerson4();console.log(p4.gender);//'中性'什么是继承继承指的是一个对象可以共享父级对象的一些属性。什么是原
誰在花里胡哨·2023-10-02 10:55

TensorFlow学习1：使用官方模型进行图片分类

搭建项目配置一个vue前端环境作为界面使用Vite搭建V
无知的小菜鸡·2023-10-01 00:10

vue前端开发环境- elment plus/vit代理配置

一、npm安装1.老版本npm安装npm是前端js库的包管理工具，后续js的安装都可以依赖npm，大致可以理解成python的pip。npm依赖node.js,安装好node.js后，npm默认就安装好了，而安装指定版本node.js最为简单的方式是先安装nvm，nvm支持安装多个node.js版本，以及在node版本间切换在mac中安装nvm最简单的方式是：brewinstallnvm#其它nv
qq_41617659·2023-09-30 18:07

vue前端项目中添加独立的静态资源

如果想要在vue项目中放一些独立的静态资源，比如html文件或者用于下载的业务模板或其他文件等，需要在vue打包的时候指定一下静态资源的位置和打包后的目标位置。使用的是copy-webpack-plugin插件，如果没有安装则需要先安装一下，到项目的根目录下执行：npminstall--save-devcopy-webpack-plugin然后修改vuew.config.js：constCopyP
sunny05296·2023-09-30 11:49

Springboot+Vue实现微信网页自定义分享功能

前言在这篇文章介绍并记录关于Springboot后端代码整合vue前端代码简单实现微信网页自定义分享朋友和朋友圈功能，注：部分代码是通过网上搜索和自己结合实现的功能，下面就贴上自己的实现步骤。
西茶·2023-09-29 21:19

VUE前端项目技术架构

1.技术架构介绍如图下图所示，图中展示为项目系统软件层次架构。该系统采用SOA思想的分层架构，共分为视图层、编译层、代码层、数据层。(1)视图层：浏览器：主要功能是将用户选择的web资源，通过解析网页源文件，进行页面显示。业务模块：根据不同的业务需求所开发的独立模块。(2)编译层：分析项目结构，根据入口文件，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（TypeScrip
Smile_Gently·2023-09-29 11:49

Vue前端面试题

Vue前端面试题前言：带*都是重点Vue相关一、*vue双向数据绑定采用数据劫持结合观察-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter。
Lincoln Mark·2023-09-29 01:42

【原创】SocketIO使用Vue前端+Java后端做一个后端向浏览器的实时推送功能

一、创建Socket.io的服务端官网写的已经非常详细了：https://socket.io/get-started/chat/这里为了省事，直接晒代码了：1、创建package.json{"name":"test_socketio","version":"1.0.0","description":"","main":"index.js","scripts":{"test":"echo\"Erro
DCTANT·2023-09-27 21:01

java生成验证码在vue显示_Vue+SpringBoot用户登录，验证码功能实现

saysky/petition-system-server一、效果图和项目结构1.先看下效果图2、然后贴一下前端项目结构Login.vue是登录页面的vue文件，Identify.vue是验证码的二、vue
几处笙歌·2023-09-27 08:59

第一篇：原生JS到Vue前端工程化开发

目录1JavaScript1.1JavaScript的介绍1.2JavaScript的引入和基本用法1.4JavaScript对象1.5JavaScript事件监听2通过链接使用vue.js2.1基本用法2.1.1常用指令2.1.2列表渲染2.1.3事件绑定2.2生命周期3前后端分离开发3.1YAPI4前端工程化VueCli4.1安装步骤4.2组件化开发4.2.1开发流程4.3Element-UI
Maxlec·2023-09-27 04:47

猿创征文｜Vue前端性能优化方案

目录1.概述2.性能优化切入点分析2.1vue-router2.2打包优化2.3压缩技术3.性能优化实践3.1vue-router优化3.1.1.异步加载3.1.2.按需加载3.2打包优化3.3前端工程压缩1.概述Web应用的优化方案一般分为两类：第一类是基于硬件的优化，第二类是基于软件的优化。基于硬件的优化主要包括扩大带宽、负载均衡、服务集群等方式，而这些依托于硬件的提升都需要公司去承担巨额的支
夢的点滴·2023-09-27 04:47

vue前端页面转PDF

需求说明公司最近想出一份报告，报告内容包含地图展示，折线图还有各种文字说明，跟后台沟通反映后台无法实现，所以就前端想办法来实现此功能。所用插件html2canvasjspdfhtml&css将要导出内容结构包含在一个父元素下，id为pdfDom..........//由于导出的这部分html结构是不想让用户看到的，所以我设置了父元素height：100vh，overFlow：hidden；想要显示
王等等csdn·2023-09-26 22:56

前端——》通过nginx和Apache两种方式部署vue前端项目

一：通过nginx部署我们默认linux服务器上已经安装好nginx环境，我将vue编译的dist文件夹放到了/root/build/x-frontend-manage目录下步骤一：编写nginx配置文件找到nginx的安装目录，注意不是nginx软件包的存放目录，如下图所示到conf目录下执行vinginx.confuserroot;#此处需要修改为rootworker_processes1;p
Mr_xujiee·2023-09-26 19:00

CentOS下基于Nginx部署Vue前端项目的详细过程

目的：将Vue项目借助Nginx部署到Centos系统中。Nginx部署Vue项目一、部署前的准备二、安装Nginx三、部署Vue项目一、部署前的准备安装gcc。安装nginx需要先将官网下载的源码进行编译，编译依赖gcc环境，如果没有gcc环境，则需要安装：yuminstallgcc-c++PCREpcre-devel安装。nginx的http模块使用pcre来解析正则表达式，所以需要在linu
山野万里_·2023-09-26 19:00

A064_单页面组件_ElementUI_Mock_axios

目录一、内容介绍二、搭建前端项目1、Idea创建一个staticweb项目2、根目录下执行vue命令3、运行项目4、浏览器访问5、单页面组件.vue5.1、定义5.2、使用三、ElementUI-基于vue
XIAOMING820·2023-09-26 09:36

vue前端页面实现markdown编辑

让用户使用Markdown格式编辑文本并在Vue前端与SpringBoot后端架构中处理上传的数据可以分为两个主要步骤：前端实现Markdown编辑和后端处理上传的数据。
IDIOT___IDIOT·2023-09-26 04:47

github打开前端样式丢失_介绍一款热门开源电商后台管理系统的Vue前端项目

简介mall-admin-web是一个电商后台管理系统的前端项目，基于Vue+Element实现。主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。github地址：https://github.com/macrozheng/mall-admin-webgithubstar:4.7K+最新版本：1.0.0，ApacheLicense2.0
weixin_39715187·2023-09-25 13:13
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他