vue项目实战开发第18页

VUE +element ui 表格实现数据轮播滚动效果

vue项目中表格数据滚动滚动到最后一条数据重新调用接口效果：normalvideoHTML代码JS代码props:{selectData:{type:Array,default:[],},},watch

菜鸟lady·2024-01-10 19:56

【axios 的简单封装】

Axios提示：本篇详解axios在vue项目中的实例。在使用Vue.js框架开发前端项目时，会经常发送ajax请求服务端接口，在开发过程中，需要对axios进一步封装，方便在项目中的使用。

梦禄·2024-01-10 18:54

禁用vscode中的eslint语法检查的做法

我运行的是vue项目，未关闭eslint前各种爆红，效果如下image.png-禁用eslint语法检查后效果如下image.png做法如下：1.首选项-设置image.png2.搜索settings.json

CoderZb·2024-01-10 16:31

Vue过渡效果组件、组件分发、组件ref使用

过渡效果组件组件名：transition组件名：transition-group作用：用于为vue项目中组件、路由、页面提供通过vue语法控制切换过程中的css动画vue提供动画组件通过包裹元素方式，实现主动监控根元素

m0_62168050·2024-01-10 15:31

vue项目在浏览器越跑越卡的解决

当vue项目在浏览器跑了半天后发现越来越卡，内存占用越来越高时，十有八九存在内存泄漏的可能。

攻克难点·2024-01-10 15:24

记录vue使用KindEditor上传图片发生的iframe跨域的错误

然后引入进入VUE项目里面，在main.js里面注入4个文件然后开始正常配置显示，结果到了上传图片的时候发

深圳程序员打工崽·2024-01-10 14:44

vue路由及参数router

目录vue项目版本1、创建一个vue项目步骤（windows环境下）。创建vue项目前，检查系统是否具备创建项目的条件（是否已经安装好了node.js、webpack、vue-cli）。

令狐少侠2011·2024-01-10 12:13

vue项目国际化，中英繁，三种语言切换

我们的软件，为了满足不同地区的需求，我们的前端部分需要做，多语言的支持，这里做一个简单的分享！1.首先，安装；npminstallvue-i18n2.在与main.js同级目录下，新建文件夹，如图吧：image.png3.看一下main.js,注意文件的目录结构，层级；image.png4.看i18n.js；image.png5.看index.jsimage.png6.cn.jsimage.png

殖民_FE·2024-01-10 11:40

Vue文件夹目录结构

首先通过【Vue-cli3.x】创建vue项目创建一个Vue项目。

为了_理想·2024-01-10 11:47

Windows环境下使用HTML5播放RTSP流

本文搭建环境选用Windows平台一、使用笔记本摄像头推送RTSP视频流参考文章:笔记本摄像头模拟监控推送RTSP流-CSDN博客二、搭建Vue项目参考项目：HTML5播放rtsp视频流2.1下载压缩包

Karma's a Bitch·2024-01-10 09:37

nginx 二级目录部署vue项目

主要是vue项目得更改资源路径通过.env环境变量来设置修改项目的基础路径，我的是vite项目，所以我要在vite.config.js中修改base属性为‘/threejs/’修改vue-router的

goms·2024-01-10 07:57

终极解决：Error: error:0308010C:digital envelope routines::unsupported

1、报错启动vue项目，报错如下：2、报错原因出现这个错误是因为node.jsV17版本中最近发布的OpenSSL3.0,而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响

鉴泉~Richarlie·2024-01-10 03:12

Error: error:0308010C:digital envelope routines::unsupported问题的解决方案包括webstorm运行vue项目的解决方案

原因：主要是nodejs17版本发布了OpenSSL3.0对算法和秘钥大小增加了更为严格的限制，npm升级导致了与OpenSSL不兼容导致的初始化失败，而我的电脑上的node.js是v18.16.0的，版本太高了。先说我的配置：win10系统node.jsv18.16.0npm9.5.1vue2.7.14vue-cli2.9.6四种解决方法：一、卸载并安装低版本的node.js。推荐node.js

思行学Java·2024-01-10 03:41

Vue - 详解.env文件

.env文件配置Vue项目中，.env文件是运行项目时的环境配置文件。但是在实际开发过程中，有本地开发环境、测试环境、生产环境等，不同环境对应的配置会不一样。

A_bad_horse·2024-01-09 23:12

vue项目中px单位转rem插件

一、安装插件："postcss-px2rem":"^0.3.0","postcss-px2rem-exclude":"0.0.6",二、新建postcss.config.jsmodule.exports={plugins:{autoprefixer:{},"postcss-px2rem-exclude":{"remUnit":192,//尺寸1920"exclude":/test/i//不转rem

葫芦娃y·2024-01-09 19:53

Vue3项目实战开发

@TOC##Vue3项目实战开发一、技术栈说明技术栈为Vue3+Vite4+TypeScript+ElementPlus+Pinia+VueRouter等当前主流框架。

无处安放的波澜·2024-01-09 19:22

vue、java实现前后端分离（vue自定义端口号，加入element-ui，安装axios。自动生成java代码）

一、自定义端口号在已创建好的vue项目里打开vue.config.js,写入devServer:{port:8088}，端口号可以自己定在命令窗口启动一下vue项目，可以看到端口号已经改了二、加入element-ui

码农在路上—·2024-01-09 18:49

Vue2：修改默认配置的方法

一、前情概要之前我们说到，用vue-cli创建vue项目之后，项目结构大概是这样的。其中，标红部分的文件是非常重要的结构文件，不建议修改文件名。但是，实际上了，vue是允许修改的。

生产队队长·2024-01-09 11:48

Vue项目在本地跑起来所有路径前面想加入前缀进行访问配置

一、业务场景：在本地项目跑起来了，访问时想在所有路径后面加dev进行访问二、目前效果三、具体实现步骤：（1）实现静态文件加前缀在vue.config.js文件里改变路径publicPath:process.env.NODE_ENV==="production"?"/dev/":"/dev/",（2）更改router模式，添加前缀在配置路由模式的地方加上base参数exportdefaultnewR

打小就霸·2024-01-09 09:04

Vue项目nginx部署到线上，访问时加前缀解决方案

一、业务场景：最近项目开发完了，需要部署一个测试版本和正式版本到线上，测试版本前面需要加一个dev前缀，遇到了一些坑，分享给大家二、目前效果三、具体实现步骤：（1）实现静态文件加前缀在vue.config.js文件里改变路径publicPath:process.env.NODE_ENV==="production"?"/dev/":"/dev/",（2）更改router模式，添加前缀在配置路由模式

打小就霸·2024-01-09 09:30

VSCode 初次写vue项目并一键生成.vue模版

1.安装vscode官网地址：https://code.visualstudio.com/2.安装一个插件，识别vue文件插件库中搜索Vetur，下图中的第一个，点击安装，安装完成之后点击重新加载输入vue按键盘的tab就行

愿➣·2024-01-09 09:35

Vue-----环境搭建和常见问题整理

说明：涵盖内容：整理以Webpack方式初始化Vue项目的流程环境：mac环境1.下载安装Node.js如果已经安装不想使用老版本/node安装失败，先进行卸载sudonpmuninstallnpm-gsudorm-rf

年少不秃头·2024-01-09 08:19

jenkins 自由风格部署vue项目，参数化构建vue项目

1.丢弃旧的构建2.是否需要install3.git4.配置node16:5.脚本：脚本：#进入Jenkins工作空间下项目目录cd/var/lib/jenkins/workspace/你的任务名称node-v#检测node版本（此条命令非必要）npm-v#检测npm版本（此条命令非必要）npmconfigsetregistryhttps://registry.npm.taobao.org#把np

不努力就种地~·2024-01-09 07:55

vue项目在IE浏览器打不开问题

安装babel-polyfill1.npminstall--savebabel-polyfill2.man.js引入import'babel-polyfill'3.index.html添加4.build中的webpack.base.conf.js修改如下配置entry:{app:['babel-polyfill','./src/main.js']}

别人都叫我小志·2024-01-09 06:20

bootstrap警告 autoprefixer: Replace color-adjust to print-color-adjust.

sherlyxoxo·2024-01-09 04:51

Vue项目性能优化实战

前言Vue框架通过数据双向绑定和虚拟DOM技术，帮我们处理了前端开发中最脏最累的DOM操作部分，我们不再需要去考虑如何操作DOM以及如何最高效地操作DOM；但Vue项目中仍然存在项目首屏优化、Webpack

一个正在努力的人类·2024-01-09 02:25

VUE依赖ol版本问题：geotiff.js Unexpected token

1、问题VUE项目中，使用Openlayer使用版本为6.4.0。package.json中如下："dependencies":{..."ol":"^6.4.0",...}之前项目运行都很正常。

qgbihc·2024-01-09 01:13

vue+vite项目在开发时报错：Internal server error: EISDIR: illegal operation on a directory, read

在学习vue项目时，刚开始搭建就遇到了一个问题我是通过npminitvue@latest创建vue3项目时，建立路由时报错错误如下：[vite]Internalservererror:EISDIR:illegaloperationonadirectory

qq_43710066·2024-01-09 01:01

vue项目引入icon图标

项目图标的说明当前项目在开发过程中，使用到了iconfont的图标，对应的图标预览地址如下：iconfontDemo对于开发者来说，一般可以不关心它的存在，因为他并不影响你使用其他的iconfont图标库，只要你不使用同样的class名称。但是在某些情景下，开发者可能想要对项目内的图标进行一个统一管理，这时候这个东西就可以帮助到你了,因为iconfont不支付分享的原因，我们直接把链接粘出来了，有

失落村庄·2024-01-09 01:31

UEditor富文本编辑器上传图片打不开，提示“后端配置项没有正常加载，上传插件不能正常使用”

1、安装npminstallvue-ueditor-wrap2、下载所需资源这一步在解决报错的时候会用到UEditor资源下载链接上面的打不开请从下面链接下载项目ueditor-download:vue

WuxiaoyanR·2024-01-09 01:01

Webstorm 搭建一个Vue项目

前言本文旨在帮助大家在Webstorm上搭建一个简单的Vue项目，作者也是萌新一枚，大家一起学习啦！

fububanzan_·2024-01-09 01:54

vue项目中集成百度地图

集成步骤前言一、使用步骤1.登录百度地图开发平台2.创建应用获取AK3.在Vue中集成地图4.最终效果总结前言vue中集成百度地图。一、使用步骤1.登录百度地图开发平台浏览器中搜索百度地图开发平台，注册，登录，并且认证成为开发者。2.创建应用获取AK创建应用。点击提交提交。提交完成得到AK。3.在Vue中集成地图在index.html中引入在需要使用地图的界面import{onMounted,re

狮子歌歌_丶·2024-01-09 01:23

【内网】WebStorm搭建Vue环境

6、配置内网离线库安装WebStorm并运行Vue项目1、安装WebStorm2、激活WebStorm3、下载破解包4、创建Vue新项目5、测试Vue项目6、汉化安装node.js和npm1、Node.js

Evil·2024-01-09 01:21

【项目部署】vue项目部署&xshell使用&Nginx了解

vue项目部署一般来说，前端只需要把代码使用npmrunbuild或者其它类似的自定义指令将代码进行打包，并提供给后端，就可以了。

Lana学习中·2024-01-08 23:18

【vue项目部署】vue路由在多级页面下，页面刷新空白（history模式下）的排查过程&问题解决

前言在项目打包部署后，出现了多级目录刷新后白屏的问题。记录一下排查过程与解决方法。正文1：在项目打包部署后，多级目录刷新后白屏，并且报错：UncaughtSyntaxError:Unexpectedtoken'不是history或者hash模式设置的问题，也与nginx以及后端代码无关。2：点击这个报错，查看详细信息，发现是在index.html页面出现的。—>可能是资源路径配置的错误，搜索后找到

Lana学习中·2024-01-08 23:48

vue项目如何配置网页标签栏上的小图标

这篇文章是告诉大家，如何更换vue项目中，网页标签栏上的小图标，类似下图：我们新创建的一个vue项目，运行以后，网页标签栏的小图标默认是下图：现在我们要把vue项目默认的网页图标，替换我们自己的。

白色的熊·2024-01-08 20:14

将vue项目的图片请求带上请求头如token

封装了一个图片组件直接上代码import{mapActions,mapGetters}from"vuex";exportdefault{name:"authImg",props:{authSrc:{type:String,required:false,default:"",},},computed:{...mapGetters({userInfo:"userInfo",}),},mounted()

正兒八经DI瞎练ぃ·2024-01-08 19:53

Vue3+TS+ElementPlus的安装和使用教程【详细讲解】

随着前端的日月更新，技术的不断迭代提高，如今新vue项目首选用vue3+typescript+vite+pinia+……模式。

SwJieJie·2024-01-08 15:47

vue项目将后端返回的数据中P标签删除并换行展示

实现效果：1.调取接口拿到后端数据后，其实this.lists里的contentDetails为我所要展示的字段关键代码this.lists[i].contentDetails.replace(//g,'')将P标签替换为2.用v-html渲染

Julyued·2024-01-08 12:34

Linux之Ubuntu环境Jenkins部署前端项目

今天分享Ubuntu环境Jenkins部署前端vue项目一、插件安装1、前端项目依赖nodejs，需要安装相关插件点击插件管理，输入node模糊查询选择NodeJS安装安装成功2、配置nodejs点击后进入点击新增

nandao158·2024-01-08 08:31

JWT-token—前后端分离架构的api安全问题

前后端分离架构现状：前端：vue项目，Nginx部署后端：node.js和java项目这样的情况后端api是暴露在外网中，因为常规的web项目无论如何前端都是要通过公网访问到后台api的，带来的隐患也有很多

激情的狼王·2024-01-08 08:19

Vue项目中引入第三方已做好的H5游戏

原创声明本文系作者辛苦码字所得，欢迎分享和转载，但请在明显位置注明作者的如下信息：笔名：来碗鸡蛋面主页：https://www.jianshu.com/u/4876275b5a73邮箱：[email protected]：tom_wong666需求：Vue网站项目中，需要引入第三方已做好的H5游戏分析：方法一，对游戏做单页重构；方法二，利用static文件夹的特性，直接引入整个H5

来碗鸡蛋面·2024-01-08 07:34

WebStorm新建vue项目之HelloWorld

Vue.js的引入之HelloWorld基本步骤写在前面说明步骤运行结果写在后面写在前面第一次写这种教程，搜了一下网上的感觉比较繁琐，需要配环境啥的，这个方法只需引入一个js文件即可。适合刚入手写几个简单的项目用。说明电脑Windows10系统，用的编程软件是WebStorm，没有安什么环境，（目前helloworld能运行，复杂的还没进行测试）步骤新建一个空项目在项目上右键新建一个文件夹js3.

与或·2024-01-08 06:35

【一】使用vue-cli创建vue3的helloworld项目

恋上钢琴的虫·2024-01-08 06:31

vue项目中汉字转拼音

1、使用插件lodashjs-pinyin2、下载npminstalljs-pinyin点击查看插件文档3、方法封装在js文件中引入两个插件，并初始化js-pinyin插件importPinyinfrom'js-pinyin'Pinyin.setOptions({charCase:1})setOptions中传入对象，对象可传两个参数charCase参数：输出拼音的大小写模式，0-首字母大写；1-

xt_XiTu·2024-01-08 05:25

ant 使用安装按需加载

创好vue项目先从完整引入开始而后修改npm下载antnpmi--saveant-design-vue@next完整引入main文件下添加importAntdfrom'ant-design-vue';import'ant-design-vue

Sengoku_Xingzi·2024-01-08 04:16

从vue小白到高手，从一个内容管理网站开始实战开发第六天，登录功能后台功能设计--API项目中的登录实现(二)，工厂模式创建数据库连接

从vue小白到高手，从一个内容管理网站开始实战开发第六天，登录功能后台功能设计--API项目中的登录实现(一)-CSDN博客文章浏览阅读332次，点赞9次，收藏7次。

凯杨1319·2024-01-07 22:44

从vue小白到高手，从一个内容管理网站开始实战开发第六天，登录功能后台功能设计--API项目中的登录实现(一)

从vue小白到高手，从一个内容管理网站开始实战开发第五天，登录功能后台功能设计--数据库与API项目-CSDN博客文章浏览阅读348次，点赞9次，收藏7次。

凯杨1319·2024-01-07 22:14

从vue小白到高手，从一个内容管理网站开始实战开发第二天，使用Element UI构建页面

vue项目我们已经创建成功，接下来我们开始开发我们的电影资讯的内容管理网站，页面的开发我们选用ElementUI。

凯杨1319·2024-01-07 22:13

从vue小白到高手，从一个内容管理网站开始实战开发第五天，登录功能后台功能设计--数据库与API项目

前几天我们使用vue实现了登录页面的设计和路由的配置，代码已经放到了csdn的资源下载中，不会的小伙伴可以自行下载，参考前面四天的知识进行学习，然后再学习后台功能的设计。下载地址vue从小白到高手项目，讯影资讯代码一https://download.csdn.net/download/hy983310/88692226一、数据库下载安装我们选用的数据库SQLServer2014数据据，选这个数据库