vue前端第6页

vue前端基础 -vant上传图片压缩

调用上传读取文件之前的方法对图片进行压缩处理，组件部分代码首先调用异步方法对文件进行处理，我这边没有对图片进行限制操作一，before-read方法asyncbeforeImgUpload(file){console.log(file,'上传的文件哈哈哈哈')//压缩图片letimgFile=awaitthis.blobToBase64(file)console.log(imgFile,'压缩后的

@Doraemen·2023-10-29 18:04

Vue页面查询，图片不能显示出来，图片配置问题，导致前端访问不到图片

Vue前端页面，查询数据时，图片没有出来，数据库中有图片，也不报错，为什么呢？

SUMMERENT·2023-10-29 06:08

Vue前端性别多重判断问题（男、女、未知）

Vue{{}}内判断：{{userInfoObj.sex==0?'女':userInfoObj.sex==1?'男':userInfoObj.sex==2?'未知':'/'}}调用方法判断：视图层：性别{{userInfoObj.sex==0?'女':userInfoObj.sex==1?'男':userInfoObj.sex==2?'未知':'/'}}-->{{pdsex(userInfoObj

猫三棂·2023-10-28 19:18

基于Vue+SSM+Mysql校园失物招领系统设计可升级SpringBoot

开发技术：Vue前端+Vant组件+Java后台服务器端+mysql数据库用户成员可以客户端注册登录，登录后进入首页显示了最新的表扬信记录用于弘扬中华民族拾金不昧的精神，用户可以发布自己的寻物启事和失物招领信息

计算机源码设计案例·2023-10-28 05:50

九种Vue性能优化方法

Vue前端开发到第一阶段，就要开始考虑性能优化相关的要点了。这也是用来判断一名前端的水平是否优秀的一个标准。

SCQ000·2023-10-28 02:03

linux之J2EE项目部署与发布

本期内容：1、反向代理与正向代理2、window版nginx的使用3、vue前端项目打包4、nginx进行负载均衡5、nginx进行代理操作6、nginx发布前端项目一、反向代理与正向代理1、nginx

爱嘤斯塔·2023-10-28 01:04

【vue】vue前端、生产（线上）环境请求unicloud云服务空间axios报错

但是在生产环境下，vue前端编译成静态文件，只是普通的http请求，所以根据浏览器的跨域规则（域名、端口、协议，一个不同就是跨域），不能发送请求，所以要借助反向代理工具，比如Nginx。

zzuli_huahua·2023-10-27 19:08

如何在Linux将Spring Boot项目的Jar包注册为开机自启动系统服务

static目录用来存放静态资源，比如vue前端或者上传目录。所有的.sh文件都是本文后续要写的。/data

杨若瑜·2023-10-27 10:21

Vue进阶：得心应手的开发体验-基于Pycharm的Vue3项目构建与开发环境搭建

目录概述下载与安装Node环境以及VueCLIPyCharm创建vue项目修改PyCharm配置运行和调试Vue项目更多关于Vue前端相关技术点，敬请关注公众号：CTOPlus后续的文章，有问题欢迎后台留言交流

SteveRocket·2023-10-27 08:51

vue前端面试题知识点整理

1.说一下Vue的双向绑定数据的原理vue实现数据双向绑定主要是：采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调varobj={};Object.defineProperty(obj,'name',{get:function(){console.log('我被获取

为光pig·2023-10-27 07:06

HttpListener 跨域访问

项目需要，要写个本地服务，给VUE前端提供api。联调发现，必须要支持跨域访问才行，调了好久，终于能正常访问了，特意记录一下。

才才·2023-10-26 16:49

vue3开发者工具Devtools安装教程（解决Vue.js not detected，工具包，离线安装）

目录1.Vue3Devtools工具包：2.找到浏览器的设置3.找到扩展程序进入页面：4.将刚刚解压的文件直接鼠标拖拽进去5.打开vue3项目测试图标亮起表示安装成功前言：Devtools对vue前端开发人员来说必不可少

有太阳了·2023-10-26 14:22

vue前端懒加载--添加一个子节点重新加载树

近日有个需求，需要用懒加载树来实现。同时，新增一个节点后需要重新刷新树的信息。懒加载树在饿了么官网就可以看到相应组件的使用，话不多说，上代码首先在最初懒加载树时将node节点及resolve进行保存下来，然后在添加一个子机构后重新加载1、初始化树时节点信息保存/懒加载机构树loadNode:function(node,resolve){varvue=this;if(node.level===0){

战战的坚果·2023-10-26 02:31

vue+django跨域问题解决方案（前后端两种方案）

1.Vue前端设置代理（方案一）我们在使用vue-cli启动项目的时候npmrundev便可以启动我们的项目了，通常我们的请求地址是以localhost:8080来请求接口数据的，localhost是没有办法设置

AlexGeek·2023-10-25 21:23

200 套 SpringBoot + Vue 毕业设计项目，包源码和教程，保证运行

img二、主要技术技术名作用SpringBoot后端框架Vue前端框架MySQL数据库三、毕业设计项目基于Sp

LWDX421197852·2023-10-25 08:14

Vue前端面试2021-03

1、什么是侦听器？侦听器，也称为监听器，vue框架提供给开发人员的一个用来监控变量数据的组件，一旦监控的变量数据发生变化，侦听器对应的函数就会执行，函数内部可以针对变化的数据进行业务数据运算2、Vue中计算属性和普通函数的区别是？vue中的计算机属性本质上也是一个处理函数，可以和普通函数一样调用执行；普通函数就是生命在methods中的函数，可以调用执行计算属性声明在computed配置选项上，可

路过的薛先生·2023-10-24 03:59

kubernetes之部署nginx+vue前端（一）

kubernetes之部署nginx+vue前端（一）k8s系列项目的部署方式之一使用了kubernetes部署nginx+vue前端。

凌康ACG·2023-10-23 07:46

Vue+Xterm+SpringBoot实现web-ssh

Vue前端为了实现Shell的交互界面，我使用了Xterm来达到效果。后台

脆香di鸡块·2023-10-23 02:13

Vue+Element-UI总结_el-pagination实现Vue前端分页功能

一个屏幕展示不出全部的数据，这个时候就需要分页查询来做了，因为我做的这个项目数据量比较小，所以就使用做了Vue前端分页。

weixin_40877388·2023-10-22 15:11

Vue与C#实现前后端RSA加密解密

前言C#后端动态生成RSA公钥和私钥，Vue前端使用公钥对数据加密，后端使用私钥解密vue前端1.安装依赖npminstalljsencrypt--save2.创建rsa.js文件引用依赖import{

老吴二三事·2023-10-22 13:38

nginx + docker 部署react or vue 前端项目(ubuntu16.04)

nginx+docker部署reactorvue前端项目(ubuntu16.04)安装docker(参考：docker官网)下载dockersudodpkg-i/path/to/package.deb安装

宁致乐水·2023-10-22 08:53

vue前端页面数据加载添加loading效果

在前端上传文件或者加载数据的时候会有一段等待时间，如果加上一个loading效果会减轻用户等待的枯燥，这里就来记录学习一下如何实现loading效果。效果大致如下，样式我们是可以自定义的。具体实现letthisContent=this;letloading=thisContent.$loading({lock:true,text:'上传中，请稍候...',spinner:'el-icon-load

沃特艾文儿～·2023-10-22 07:56

Vue前端面试2021-017

1、Vue中的过滤器的作用是什么？如何声明过滤器？Vue中的过滤器主要是用来按照指定的格式进行数据输出格式渲染，声明过程中根据使用的方式不同可以声明为全局过滤器或者局部过滤器全局过滤器：可以在任意Vue实例中进行使用Vue.filter(过滤器名称,(dat)=>处理函数)局部过滤器：只能在当前实例中进行使用newVue({filters:{声明过滤器}})2、Vue项目中为什么组件的数据声明da

大牧莫邪·2023-10-21 09:50

vue前端实现的假分页

当接口速度快，响应数据量大的情况下页面还未渲染完成时，可能会造成短暂的卡顿，所以做下前端假分页优化下性能html部分,和平常写法一样的js部分:exportdefault{data(){return{tableData:[//从后台获取或者自行定义],total:0,current:1,size:10,pageList:[],}},created(){//调用获取数据this.getData()}

橙可爱·2023-10-21 03:09

tongweb部署vue前端页面的方法

tongweb部署vue前端页面的方法1、在同一端口号下部署2、在不同端口号部署1、在同一端口号下部署把vue项目install、运行、build完了的dist包压缩打包，上传到服务器解压，然后在解压完了的目录里新建一个空的

星空下夜猫子·2023-10-20 22:21

Vue前端框架——单向数据绑定与双向数据绑定

▲单向数据绑定与双向数据绑定示意图在Vue中，单向数据绑定和双向数据绑定是由两个不同的指令来完成的，分别是v-bind指令（单向）和v-model指令（双向）。v-bind指令相较于v-model指令大多数情况下在程序中出现次数较为频繁，因为v-bind指令经常用在除表单元素之外的DOM元素中（表单元素中也能用，就是效果不好），而v-model指令只能用在表单元素中，所v-bind指令的应用面更广

奈码的航·2023-10-20 13:13

nginx Vue前端配置

1、打包文件使用npmrunbuild命令，将项目打出来（dist目录）2、将dist目录上传至服务器3、修改nginx.conf配置nginxvue配置upstserver{listen9090default_server;//修改端口root/home/www/dist;//修改入口文件location/{try_files$uri$uri//index.html;//解决单页面刷新404问题

qiaocccccc·2023-10-20 02:23

Vue前端项目运行

环境：vscode、node.js、cnpm/yarnnpm安装起来太慢了、建议使用cnpm或yarn1.从码云上下载前台项目，使用vscode打开2.安装依赖（请提前自行安装cnmp或yarn）使用命令安装依赖cnpminstall3.运行项目使用命令启动npmrundev第一次运行可能出现报错情况，如出现，请安装如下全局依赖webpack-dev-serverwebpackwebpack-cl

The..Fuir·2023-10-19 08:18

【打包vue前端项目】

文章目录前言一、打包命令二、重新打包三、打包不成功可能存在问题：解决方案：四、其他问题前言实例项目是使用vue3+vite一、打包命令默认的打包命令一般为npmrunbuild但是还有其他命令如npmrunbuild:prodnpmrunbuild是一个用于构建项目的npm命令。它用于将项目中的源代码转换为生产环境中所需的代码，通常包括压缩代码、优化资源、处理依赖等步骤。npmrunbuild:p

Didicode·2023-10-19 08:17

网站项目通过钉钉机器人向钉钉群发送信息

项目使用场景描述PC网站内填好的数据发送至钉钉群，以钉钉机器人卡片形式发送样例如图：开发思路首先我使用的是vue前端和egg.js后端(基于node.js)开发思路流程：网页内填写数据（表单或者其他都可以

葬空吟·2023-10-18 19:35

VUE前端判断是电脑端还是移动端

背景需求ruoyi框架，前后端分离。现在要在用户访问的时候根据不同的设备跳转到不同的登录页面。教程router/index.js修改src/router/index.js，在这里增加自己的要跳转的页面permission.js在白名单中添加自己的登录页面增加以下识别的代码letflag=navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|io

renkai721·2023-10-18 18:08

Vue前端开发规范及代码风格

Vue.js开发规范目录及说明版本v1.0日期2020-02-18本文档为前端vue开发规范规范目的命名规范结构化规范注释规范编码规范CSS规范规范目的为提高团队协作效率便于后台人员添加功能及前端后期优化维护输出高质量的代码及文档一、命名规范为了让大家书写可维护的代码，而不是一次性的代码让团队当中其他人看你的代码能一目了然普通变量命名规范命名方法：驼峰命名法命名规范：命名必须是跟需求的内容相关的词

赵迪Eddie·2023-10-18 17:55

基于Spring Boot+Vue的电影大剧院订票选座管理系统

二.主要技术技术名作用Springboot后端框架Vue前端框架MySQL数据库三功

计算机徐师兄·2023-10-18 14:18

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前端