vue项目

vue3项目中数字滚动效果

前言：目前大多数新的vue项目都采用了vue3去写，在最近的项目中，需要展示数字滚动的效果，我就想到了之前用多的vue-count-to数字滚动插件，发现这个插件只使用于vue2项目，在vue3项目中并不试用
张不大了·2024-02-03 05:17

VUE项目导出excel

导出excel主要可分为以下两种：1.后端主导实现流程：前端调用到导出excel接口->后端返回excel文件流->浏览器会识别并自动下载场景：大部分场景都有后端来做2.前端主导实现流程：前端获取要导出的数据->把常规数据处理成一个excel文件->浏览器识别下载场景：少数据量的导出本文章主要讲述以插件辅助前端导出的流程。插件导出流程：创建一个工作簿创建一个工作表把工作表加入到工作簿中调用插件方法
煸橙干儿~~·2024-02-03 03:33

vue项目在线预览和下载文档

在线预览：利用微软提供的OfficeOnline平台，即可实现在线预览doc、ppt、excel等文档。地址为：https://view.officeapps.live.com/op/view.aspx下载：若要实现下载功能，直接将url赋值给a标签的href属性即可下载实现方案：合同名称data(){return{contractUrl:'http://yjy-teach-oss.oss-cn-
煸橙干儿~~·2024-02-03 03:00

重新配置vue项目时出现的：连接已断开问题

在新机器上配置完node.js、vue-cli，配置了node_modules后，命令行运行vueui后，出现了如下报错：C:\Users\LEN>vueuiStartingGUI...Readyonhttp://localhost:8000node:events:496thrower;//Unhandled'error'event^Error:ENOENT:nosuchfileordirecto
crayongrq·2024-02-03 03:19

Java项目：基于springboot+vue考研资讯管理网站——计算机毕业设计

运行环境：开发工具:IDEA/Eclipse数据库:MYSQL5.7应用服务:Tomcat7/Tomcat8使用框架springboot+vue项目介绍对于本考研资讯平台的设计来说，它主要是采用java
q_1039692211·2024-02-03 02:00

java基于springboot+vue考研资讯管理网站——计算机毕业设计

运行环境：开发工具:IDEA/Eclipse数据库:MYSQL5.7应用服务:Tomcat7/Tomcat8使用框架springboot+vue项目介绍对于本考研资讯平台的设计来说，它主要是采用java
QQ1039692211·2024-02-03 02:29

SpringBoot+Vue项目线上教学平台

文末获取源码开发语言：Java开发工具:IDEA/Eclipse数据库:MYSQL5.7使用框架:springboot+vueJDK版本：jdk1.8前言介绍本系统地描绘了整个网上线上教学平台的设计与实现，主要实现的功能有以下几点：管理员；首页、个人中心、学员管理、资料类型管理、学习资料管理、交流论坛、我的收藏管理、试卷管理、留言板管理、试题管理、系统管理、考试管理，学员；首页、个人中心、我的收藏
一季春秋·2024-02-03 00:16

SpringBoot+Vue项目线上买菜系统

文末获取资源，收藏关注不迷路文章目录项目介绍技术介绍项目界面关键代码目录项目介绍线上买菜系统的开发背景主要基于当前互联网技术的发展和人们日常生活的需求。一方面，随着互联网技术的不断进步，线上购物在日常生活中所占的比例逐渐增大。因此，线上买菜系统的开发也是顺应这一趋势，为消费者提供更加便捷、快速、安全的购物体验。另一方面，人们对于日常生活所需，包括买菜在内，都有一定的需求。特别是在疫情期间，为了避免
Q_860234001·2024-02-03 00:15

vue前端使用pdf.js 实现pdf网页预览效果

vue前端使用pdf.js实现pdf网页预览效果前言最近，在vue项目中需要用到在线预览pdf功能，首先想到了pdf.js插件。
刘能能能·2024-02-02 22:29

vue项目中 el-tree 的扩展下拉图标放置右侧

vue项目中原有的扩展下拉图标默认是放在左侧的，现在需求：是放置在右侧。
土垚金鑫·2024-02-02 22:41

VUE项目中el-table动态合并列单元格（附带代码解析注释）

mergeCol(id,rowIndex){//合并单元格//id：属性名//rowIndex：行索引值varidName=this.tableData[rowIndex][id]//获取当前单元格的值if(rowIndex>0){//判断是不是第一行//eslint-disable-next-lineeqeqeqif(this.tableData[rowIndex][id]!=this.tabl
救救可怜孩子吧·2024-02-02 22:40

docker 安装 nginx 发布Vue项目

nginx镜像2.拉取nginx镜像3.运行镜像4.拷贝nginx配置文件到主机目录，为文件映射做准备（直接映射会出错）5.停止运行容器并删除容器6.重新启动容器（映射相应的目录文件）7.访问默认页面8.发布Vue
文子阳·2024-02-02 20:51

vue 深度作用选择器 ＞＞＞、/deep/、::v-deep

目录一、介绍二、＞＞＞三、/deep/四、::v-deep一、介绍vue项目中，会使用elementUI等组件库，有些样式直接在组件中修改无效，又因为scoped局限于当前组件，去掉scoped的话又会影响全局样式
小白_ysf·2024-02-02 18:23

vue 使用动态路由参数的 keep-alive 条件缓存与三级路由缓存解决

最近维护一个以前的vue项目，遇到个keep-alive的坑，特此记下。需求是需要使用keep-alive缓存，由于缓存的页面过多会导致页面卡顿，因此需要启用条件缓存。并且有三级路由存在，也需要缓存。
东扯葫芦西扯瓜·2024-02-02 15:21

Vue2.0 | 将项目打包成exe文件

本篇介绍使用pkg插件将Vue项目打包成exe文件；前期准备完成之后，cmd
FSYML·2024-02-02 13:52

vue项目中按需引入viewUI

viewUI一、按需引入二、忽略eslint编译器检测和编译检测1.忽略编译器检测2.编译器中忽略一、按需引入npminstallbabel-plugin-import--save-dev//.babelrc1{“plugins”:[[“import”,{“libraryName”:“view-design”,“libraryDirectory”:“src/components”}]]}//mai
aら　淼·2024-02-02 12:29

vue项目ERROR TypeError: Cannot set properties of undefined (setting ‘chunkLoading‘)

从网上拉取的vue项目运行出现这个问题，实际上这个问题解决还有各自问题会报出来的原因是：node的版本不对，版本不相兼容。要安装适合的版本。
ChenWenKen·2024-02-02 10:50

如何快速上手VUE框架?

2.初始化项目使用npm或yarn创建一个新的Vue项目。VueCLI（命令行工具）是最常用的项目脚手架。
dami_king·2024-02-02 07:45

Vue项目启动后用局域网不能访问

今天来解决一个问题：基于Vite构建的Vue项目在启动后只能通过localhost这种形式访问如果把localhost换成本主机的局域网ip地址之后页面无法访问了。就连用127.0.0.1都无法访问。
平静方能至远·2024-02-02 05:50

electron将vue项目打包成exe桌面应用流程及可能出现的问题

的使用心得electron打包exe程序主要有两种方法：1、electron-packager：初学者入门demo传送门2、electron-builder：稍微复杂一丢丢，需要配置文件#######先将vue
z.week·2024-02-02 04:23

vue的后续学习计划

1.开始做自己的Vue项目，以及研究vue官网2.研究vue-router3.研究vuex4.研究vue服务端渲染
月光_薛·2024-02-02 02:05

vue项目切换页面echarts不显示的问题

记录一下，使用echarts碰到的问题，页面切换后，表不显示，而且不是百分百出现，多次点击页面切换页面，可能出现这个问题方案一：手动删除Echarts默认生成的_echarts_instance_属性constdomMap=document.getElementById("你的图id");//清除Echarts默认添加的属性domMap.removeAttribute("_echarts_inst
paidaboluo·2024-02-02 02:28

vue组件样式覆盖

/styles/index.scss'...方式二：组件内样式隔离React项目使用的是用的是CSSModule，Vue项目使用Scoped标记。保证样式
史学娇·2024-02-01 18:29

vue-antd form组件封装

表单项–公用组件（vue-antd）1、废话不多说，先看具体效果，如下图：效果图表单校验图：校验均写在组件之中，跟当前页面文件无任何关系，当前页面只接受组件传递过来的参数…2、组件代码如下：在vue项目中
Demo研习社·2024-02-01 18:57

Vue.js 学习14 集成H265web.js播放器实现webpack自动化构建

Vue.js学习14集成H265web.js播放器实现webpack自动化构建一、项目说明1.H265web.js简介2.准备环境二、项目配置1.下载H265web.js2.在vue项目里引入H265web3
编程圈子·2024-02-01 17:03

【Vue】vue项目中使用tinymce富文本组件（@tinymce/tinymce-vue）

【Vue】vue项目中使用tinymce富文本组件（@tinymce/tinymce-vue）一、安装二、前期准备工作1、去[官网](https://www.tiny.cloud/get-tiny/language-packages
香菜啵子欸·2024-02-01 16:44

使用Server-Sent Events实现后端主动向前端进行通信

目录概述使用Server-SentEvents(SSE)示例1.创建SpringBoot项目添加web依赖，并编写以下代码2.创建Vue项目并在项目的.vue文件中编写以下代码效果说明使用触发的方式向前端传递数据总结概述在典型的前后端分离架构中
五十六精研·2024-02-01 16:10

three.js和vue.js学习 -- 创建一个3d模型demo

：https://sketchfab.com/feed属于对该项目的学习，对于其中基础部分的细分和笔记准备three的流程参考图Part1：创建项目，引入three同样使用vue-cli脚手架直接搭建vue
深海大大·2024-02-01 15:21

在vue项目中使用cnpm安装依赖报错Install fail! Error: Unsupported URL Type: npm:string-width@^4.2.0

如图所示：报此类型的错误大概率是依赖版本与cnpm版本不匹配，如图所示是在安装vue-easytable的时候报错，我之前的版本是1.7.2，后来将package.json中对应的配置改为最新版本后再安装就不报错了。
前端你鹏哥·2024-02-01 14:17

Vue+＜el-input＞限制输入小数点后两位

前言ElementUI组件绝大时候可以满足我们VUE项目实操中的需求，但总会有意想不到的功能需求需要我们去进行处理，所以记录如何限制小数点后两位功能。
冰世紀·2024-02-01 14:34

vue项目加水印

1.封装一个waterMark.js文件，可以放在utils下；letwatermark={}letsetWatermark=(str)=>{letid='1.23452384164.123412415'if(document.getElementById(id)!==null){document.body.removeChild(document.getElementById(id))}letc
珊珊美眉·2024-02-01 10:05

VUE项目-从store里获取的值给data变量，刷新页面消失问题

有些同学习惯性在data变量里直接初始化store的值，比如：data(){return{date:store.getters.nowDate,}}这样的值我们可能从菜单进来的时候能获取到，但是当我们刷新页面的时候就消失了，所以我们最好在计算属性里获取，如：computed:{date(){returnthis.$store.getters.nowDate;}}这样就不会在刷新页面的时候不见啦！
珊珊美眉·2024-02-01 10:05

大前端 vue项目总结1

一、运行demonpminstallvue中templatevue中exportdefault二、注意问题跨域通常为了减轻web服务器的负载，我们把js、css，img等静态资源分离到另一台独立域名的服务器上，在html页面中再通过相应的标签从不同域名下加载静态资源，而被浏览器允许webview第一次加载html很慢可以通过预加载js.babelrcbabel.config.jsRem自适应jsr
黄毛火烧雪下·2024-02-01 09:17

实现可编辑excel

需要花钱买的插件有这个SpreadJS要在Vue项目中创建可编辑的Excel页面，你可以使用一些Vue插件和库帮助你实现此功能。
亮学长·2024-02-01 09:11

认识vue项目目录结构

当完成了vue项目的创建之后，就可以看到项目的目录结构了。
追风筝的一朵云·2024-02-01 07:49

【Vue】2-9、Vue-CLI 脚手架

简化了程序员基于webpack创建工程化的Vue项目的过程。三、安装与使用vue-cli是npm上的一个全局包，安装命令：npminst
QX_Java_Learner·2024-02-01 07:23

vue项目改造服务端渲染

vue项目改造服务端渲染概述【定义】服务器渲染的Vue应用程序被认为是"同构"或"通用"，因为应用程序的大部分代码都可以在服务器和客户端上运行【优点】与传统SPA相比，服务器端渲染(SSR)的优势主要在于
学前端搞口饭吃·2024-02-01 07:16

Vue项目部署以及使用Nginx打包运行

前言前面我们已经学到了项目的搭建那么我们就要开始打包并且在本地部署我们的项目啦怎么使用cmd命令来进行Vue脚手架的项目搭建-CSDN博客项目打包方式一：我们采取图形化界面来实现，就是右下角的build，对，看那个该死的build，我一上午没运行出来所以我采取的是cmd界面来实现的方式二：这里我们采取的是cmd界面的形式，这里就是详细的哈哈哈哈我么就可以看到生成的项目包代理服务器Nginx是一种高
菜鸟小木·2024-02-01 06:23

Vue路由功能介绍

前言我们在学习html文本标记语言的时候，我们了解到了一个超链接标签，也就是对应的标签,那么大家在使用vue脚手架来创建vue项目的时候同样也会面临这种情况，就是跳转，这里就引入了Vue的路由功能介绍路由是一个涉及计算机网络的重要概念
菜鸟小木·2024-02-01 06:52

记 2024-01-29 docker 学习

前端部署docker[文档](https://www.imqd.cn/why-web-developer-should-study-docker.html)1.npmrunbuild打包vue项目生成dist
前端喜欢研究技术·2024-02-01 04:14

实现vue项目可通过 IP 和 localhost

实现vue项目可通过IP和localhost同时访问项目localhost可以在本机访问，ip可以在同一局域网下的电脑或者移动端进行访问，运行结果如图：第一步：在webpack.dev.conf.js文件中配置
天使的同类·2024-02-01 04:42

Vue-49、Vue技术实现动画效果

1、首先，在Vue项目中的src/components文件夹下创建一个名为AnimatedBox.vue的文件。
一叶飘零晋·2024-02-01 02:29

vue解决vant组件样式失效问题

vue项目中引入vant组件，若发现vant组件样式失效，通常有以下几种解决方法：方法一：引入全局样式  在引入vant组件的地方或者全局引入vant组件所有的样式，引入方法为：在vue引入vant的页面中
年轻人多学点·2024-02-01 01:41

vue项目使用easyplayer播放m3u8直播推流

官网青犀视频代码库/示例/demoEasyPlayer示例效果：项目背景如图后端给了m3u8的直播地址协议是hls/flv市面上很多第三方热门播放库都可以完成该多屏播放方式如Video.js问题在于分多屏时会存在性能问题并且关闭播放器后即便删除Dom或调用停止等方法F12网络还在不断的请求分片故采用该库Easyplayer该库使用方便性能较好文档清晰几乎0上手成本1.安装npminstall@ea
RyzenVega·2024-02-01 00:01

vue项目实现图片缩放与拖拽功能

在项目开发中遇到一个需求：1：用鼠标滚轮可对图片进行缩放处理2：点击按钮可对图片进行缩放处理3：可对图片进行拖拽处理我在开发中通过自己实现与百度查看优秀的铁子进行了两种类型的使用1：个人进行实现：源码：大小未赞已赞-->下载exportdefault{data(){return{zoomD:1,love:false,imgSrc:'https://img2.baidu.com/it/u=13959
翱翔同步·2024-01-31 23:25

vue项目中利用html-to-image插件将div盒子转化为base64图片,和鼠标滚轮控制图片缩放!!!

盒子包括里面内容转化成png图片的插件,我个人在项目中遇到使用它的情况是在读取身份证信息之后,将获取到的数据,填入到自己写好的div盒子内,然后转化成图片放入到展示区域内.这里只写一个简单的盒子,内部一段文字和一张图片(vue
上铺的老家伙·2024-01-31 23:55

【Vue】二、Vue 组件展示控制的优雅解决方案

vue项目中展示的组件，我平常都是通过v-show进行展示控制，类似这样通常情况下，一个正常展示组件的流程，是通过前端用户点击触发函数，在函数中对data数据进行操作，从而展示不同的页面showWork
奈何不吃鱼·2024-01-31 23:23

vue项目在public中编写一个json文件 并用http请求获取 模仿数据接口

我们前后端分离是经常存在前端已经开发到需要接口但后端还没开始的情况的如果直接在js中写假数据后面还要改不少东西多少有点麻烦我们可以直接在public静态资源目录下创建一个json文件这里我取名叫city.json大家可以根据自己喜好给json文件命名我这个json文件的内容是这样写的{"data":{"name":"四川","population":80000000}}就写了个json对象里面给了
瑞晟技术服务中心-耿瑞·2024-01-31 17:14

Vue项目设置局域网可以访问

默认情况下，Vue项目是通过npmrunserve启动的，它只能在本地进行访问。如果要使其可以在局域网内被访问，需要在启动命令后加上--host0.0.0.0选项，这样才可以监听所有网络接口。
IT之一小佬·2024-01-31 16:57

Nginx 本地部署vue项目

1、下载Nginx稳定版本2、下载安装后，打开nginx.conf配置文件3、找到打包好的文件，并配置运行文件文件的位置rootC:/server/buildlocation/{rootC:/server/build;indexindex.htmlindex.htm;#解决刷新后nginx报404问题try_files$uri$uri//marketing/index.html;}4、运行ngin
一个博客·2024-01-31 15:27
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他