vue项目全局配置微信分享第34页

自存 vite创建vue

###1`npmcreatevite//创建vite`###2选则创建vue项目###3运行项目`npmrundev`

2301_78916954·2023-12-14 21:11

npm install 失败

一、问题：从svn拉下来vue项目，执行install失败，发现项目没有node_models文件夹。

yunhai.du·2023-12-14 21:50

04-Gateway网关中跨域问题的解决方案

Cross-originresourcesharing),它允许浏览器向跨源服务器发出XMLHttpRequest请求从而克服了AJAX只能同源使用的限制第一步:在gateway模块的application.yml文件中添加允许跨域请求的全局配置

echo 云清·2023-12-14 20:05

Ruoyi-vue项目中用户列表分页数据错乱的解决办法

背景：使用ruoyi-vue项目中我的用户列表有11个用户，然而每次点击第二页都是第一页显示过的重复数据，并且打印出的sql又是正常的，第一页sql中是limit10，第二页是LIMIT10OFFSET10

往事不堪回首..·2023-12-14 20:31

精进打卡691天

【口号】:天道酬勤，高雅精致【经营理念】：实现员工梦想，做幸福企业【愿景】：做亚克力道具的引领者【使命】：简约收纳空间、点缀生活之美【价值观】：感恩、责任、创新、精致【谢逢春日精进微信分享第691天，今天

谢逢春亚克力·2023-12-14 19:54

vite+vue3+ts+tsx+ant-design-vue项目框架搭建

参与公司项目开发一段时间了，项目用到了很多新的技术（vite,vue3,ts等等），但是框架都是别人搭好的，然后就想说如果是自己的话，会从零搭建一个吗，于是就有了这篇文章。目录一、涉及到的相关依赖二、项目创建三、项目配置3.1、Tsx支持3.2、路径别名配置3.3、less配置3.4、router配置3.5、vuex配置3.6、ant-design-vue框架配置使用3.7、配置eslint一、涉

Helen_fight·2023-12-14 19:58

用vue项目模拟一个微信聊天的 demo页面

创建个空页面然后把这个复制进去(只加了简单逻辑,细节根据需求再去调整)标题发送按钮exportdefault{data(){return{textarea:""//用户输入的内容};},methods:{sending(){if(this.textarea){//判断能容不能为空或空格输入时也加了.trim(意思是过滤输入时前后的空格)this.$refs.hgroups.innerHTML+=`

xu_duo_i·2023-12-14 18:18

创建vue项目，使用vue-cli搭建项目脚手架

一、vue-cli介绍vue-cli是一个脚手架工具，它集成了诸多前端技术，包括但不仅限于：1、webpack2、babel3、eslint4、http-proxy-middleware5、typescript6、csspre-prosessor7、cssmodule这些工具，他们大部分都有依赖两个东西：1、node环境：很多工具的运行环境2、npm：包管理器，用于下载各种第三方库二、安装node

虚心若愚求知若渴·2023-12-14 17:15

vue项目打包优化之-productionSourceMap设置

这个是优化之前项目打包后dist目录文件大小，约为20.6M打包后里面的js文件****打包后每个js文件都有一个map文件map文件的作用：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。有了map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。productionSourceMap:改成false后优化后，打包目录大小优化后打包目录里的前

Tencent IT·2023-12-14 17:47

vue项目中如何引入zip压缩包之解决方案

最近在做项目中遇到了一个项目本地化的问题，里面有一个核心的问题是，前端需要根据后端返回的压缩包进行压缩包的解析处理。所以前端项目里需要引入这个压缩包，这个时候就遇到了很多比较坑的问题，因为项目最终是打包成一个dist目录，所以很多方案都不行。这是之前尝试的几种不行的方案：方案一：发起axios请求去请求压缩包，这个方案打包后，控制台会出现axios跨域的警告问题；方案二：使用JsZipUtils这

Tencent IT·2023-12-14 16:49

pytest系列(四) --yaml详解及接口项目实战

p=14yaml文件什么是yamlyaml是一种数据格式，常用于全局配置文件或接口测试用例中语法规则1、区分大小写2、使用缩进表示层级。

BuLingLings·2023-12-14 16:50

vue2.0中的退出登录问题

在vue项目中，我们想要退出登陆，那么，通过之前的权限设定，我们需要将vuex、**storage中的token都清理，并且返回到登陆页面。

秃头的小毛驴·2023-12-14 15:37

【Vue】设置路由默认跳转指定页面

spm=1001.2014.3001.5502以这篇文章为例首先我们要了解一下vue项目的router包的作用上一篇文章里，创建了登录注册页面如果我们要访问它，需要在router包的index.js文件去配置路径

freedomSTUDENT·2023-12-14 14:23

小程序面试总结

梦醒了_该正视自己了·2023-12-14 14:33

如何搭建一个组件库

1.搭建一个vue项目，删除到只留下下面的内容即可2.components中书写组件内容，readme中写组件使用说明3.最重要的一点，组件的导出：index.js中导出组件，供后续使用export{defaultasAButton

这个一个非常哈·2023-12-14 13:30

vue中设置滚动条的样式

在vue项目中，想要设置如下图中所示滚动条的样式，可以采用如下方式：//直接写在vue.app文件中::-webkit-scrollbar{width:3px;height:3px;}::-webkit-scrollbar-thumb

白小水i·2023-12-14 12:57

vue运行报错Error: Cannot find module ‘@vue/cli-plugin-babel‘

今天将VUE项目迁移到新的电脑上，配置不一样，导致报错：Error:Cannotfindmodule'@vue/cli-plugin-babel'Requirestack:-D:\WWW\VUE\xxxxxx

梦翼横空·2023-12-07 00:19

报错Module build failed: Error: Cannot find module ‘copy-anything‘

因为要格式化D盘，将D盘的空间分给C盘一部分，所以压缩了D盘所有的文件，包括该Vue项目文件，不知道是不是在数据压缩和C盘D盘来回拷贝导致依赖包有丢失还是别的原因，按照下面方法可以解决：1.删掉node_modules

Mark刘·2023-12-06 21:57

Module not found: Error: [CaseSensitivePathsPlugin]

vue项目运行报错，如下图：根据报错的内容，只能看到是router.js文件报错，并不能看懂具体原因，最后找到网上有看到类似错误的，都是大小写搞错了，所以，试了一下，果然对了。

Mark刘·2023-12-06 21:54

vscode新建vue项目和react项目

新建vue项目1.文件==>首选项==>用户代码片段==>输入vue然后回车2.添加配置，让vscode允许自定义的代码片段提示出来{"Printtoconsole":{"prefix":"vue","

年轻人多学点·2023-12-06 19:39

Vue项目使用Sortable.js实现拖拽功能

Frontend-Arway·2023-12-06 18:12

前端Vue项目webpack打包部署后源代码泄露解决

打包时，通常通过配置productionSourceMap:false防止源码泄露问题，一般在对应的config文件中build选项进行配置。该配置会阻止生成.map.js文件，同时浏览器中不会出现webpack://文件夹（该目录下包含了所有的前端页面源码）。module.exports=defineConfig({productionSourceMap:false,})

XJF_XH·2023-12-06 17:12

在vue中解析csv文件

在Vue项目中使用xlsx库来解析CSV文件并将其转换成数组，可以按照以下步骤进行操作：安装xlsx库：如果你的项目中还没有安装xlsx库，可以使用npm或yarn来安装它。

乐辞·2023-12-06 13:03

【Vue】使用cmd命令创建vue项目

spm=1001.2014.3001.5502目录一.创建空文件夹专门存放vue项目二.查看node,npm和vue脚手架的版本三.安装vue脚手架四.创建vue项目五.运行项目一.创建空文件夹专门存放

freedomSTUDENT·2023-12-06 13:32

Vue项目中安装element组件

ElementUI简介ElementUI是一套基于Vue的桌面端组件库，封装好了很多常用的UI组件，开发者可以使用ElementUI快速搭建一个网站，只有安装了vue后才可以使用ElementUI。官网：Element1.安装element-ui在项目终端输入以下代码完成element-ui的安装npmielement-ui-S常用缩写i：安装指令，全拼：install-S：生产环境，全拼：--s

_蓝胖子·2023-12-06 12:30

SpringBoot+Vue项目实战-前后端分离博客项目

项目实战-前后端分离博客系统1.课程介绍纯后端讲解完整的前台后台代码编写主流技术栈（SpringBoot,MybatisPlus,SpringSecurity,EasyExcel,Swagger2,Redis,Echarts,Vue,ElementUI…）完善细致的需求分析由易到难循序渐进2.创建工程我们有前台和后台两套系统。两套系统的前端工程都已经提供好了。所以我们只需要写两套系统的后端。但是大

Ray Wang·2023-12-06 11:14

MyBatis3——入门介绍

目录1.MyBatis简介2.MyBatis——入门案例3.MyBatis——全局配置文件常用标签（1）properties属性（2）settings设置（3）typeAliases别名处理器（4）typeHandlers

代码星辰·2023-12-06 11:42

虚拟局域网（VLAN）解析（Virtual Local Area Network）（用于在不受物理位置限制的情况下将设备划分到同一网络或不同网络）

文章目录虚拟局域网（VLAN）解析1.VLAN简介2.VLAN工作原理3.VLAN类型1.静态VLAN2.动态VLAN4.VLAN优点提高安全性降低网络拥堵更简单的管理5.如何配置VLAN1.进入全局配置模式

Dontla·2023-12-06 11:37

vue项目解决计算后浮点数精度问题

1.2使用场景求和，每个物品的单价*数量1.3解决办法引入第三方库Decimal1.4vue项目中Decimal安装步骤1.4.1安装Decimalnpminstalldecimal.js1.4.2引入

H_HX126·2023-12-06 09:04

vue项目实现真正意义上的四舍五入

vue项目中实现真正意义上的四舍五入1.1下载第三方工具lodashnpminsatlllodash1.2使用第三方工具*这里我是封装成了一个方法*先引入lodash第三方工具*num代表我要四舍五入的值

H_HX126·2023-12-06 09:34

手把手教你封装高德地图组件

本期讲讲如何在vue项目中封装高德地图组件，下一期讲述如何封装谷歌地图组件。

有梦想就不累·2023-12-06 06:35

vue项目中添加刷新的按钮

刷新功能点击导航的刷新按钮，刷新下方主体内容，我这边的项目分为左-上-下结构，上边为tabbar组件，下边为main组件，点击刷新整个流程是刷新按钮，去访问它父组件tabbar的兄弟组件main，使main组件内容进行刷新。这就涉及到组件之间数据传递了。在这里我使用的是pinia。在setting.ts设置一个变量refsh，方便main和tabbar访问。点击刷新按钮，获取到仓库中的值进去取反在

张小帆的博客·2023-12-06 03:26

vue项目实现页面全屏的效果

1.给按钮添加事件2.使用document.fullscreenElement（）来判断是都全屏//全屏按钮点击constfullScreen=()=>{//DOM对象的一个属性，可以用来判断当前是不是全屏模式【全屏:true,不是全屏：false】letfull=document.fullscreenElement;if(!full){//文档根节点的方法requestFullscreen（）实

张小帆的博客·2023-12-06 03:26

vue项目切换菜单添加特效

我这边mian/index.vue是配置二级路由出口关于导航的过渡特效，vue官网有教程在里添加自己想要的特效就可以

张小帆的博客·2023-12-06 03:53

axios使用

Get请求Post请求出问题了：并发请求全局配置多个实例如何处理拦截器axios在Vue中的模块封装

任彪煜·2023-12-06 01:03

vue项目用created()初始化页面所需的数据

有过这种情况，在页面加载时，初始化所需的数据，就需要用created()了。vue.js中created方法是一个生命周期钩子函数，一个vue实例被生成后会调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到document中。每一个阶段都会有一个钩子函数，方便开发者在不同阶段处理不同逻辑。以下，以一个用户信息页面举例，用axios进行post请求，使用

Sca_杰·2023-12-05 23:27

Vue3 学习笔记，快速初始化 Vue 项目及 Data 函数用法学习

快速初始化Vue项目在学习之前，我们先通过引入JS文件的方式快速初始化一个Vue项目，首先我们先打开VsCode编辑器，具体步骤如下：新建一个文件夹。

胖头鱼不吃鱼-·2023-12-05 23:25

Vue项目上线后关闭chroma的vue-devtools调试工具

在项目的main文件中添加如下代码：//通过设置环境变量注释生产环境的debugdevtools生产提示constisDebugMode=process.env.NODE_ENV!=='production';Vue.config.debug=isDebugMode;Vue.config.devtools=isDebugMode;Vue.config.productionTip=isDebugMo

浪里个浪里个浪里个浪·2023-12-05 22:05

微信小程序基础

微信小程序weixinup端，所以PC端的window这些没有，运行环境是IOS，安卓等，有一些特殊的调用录音功能，摄像头等申请账号：开发账号+开发工具2.小程序全局配置app.json小程序根目录下的

_Jyann_·2023-12-05 20:28

vue+Element+vue-i18n实现国际化

技术栈主要是vue，选的语言工具依赖包是vue-i18n首先，安装vue-I18nnpminstallvue-i18n-save接着在vue项目src文件夹下新建一个i18n文件夹存放i18n

壮壮仔儿·2023-12-05 19:15

Vue中事件总线EventBus的使用

EventBus称事件总线，在vue项目中作为沟通桥梁的概念，就像所有组件公用相同的事件中心，可以向该中心注册发送事件或接收事件。

前端开心果·2023-12-05 19:25

vue项目实现登录携带token

1.用户第一次登录，调用后端登录接口，发送用户名和密码2.后端验证用户名和密码是否正确，成功则返回token，3.前端拿到token,将token存储在localStorge()和vuex中，并跳转到主页4.前端每次跳转路由就判断localStorge中是否有token,没有就跳转到登录页5.每次调用后端，都要在请求头部添加token6.后端判断是否有token,有token，就验证token，验

吃肉肉不吃肉肉·2023-12-05 19:11

1-VUE报错：Error: The project seems to require pnpm but it‘s not installed 2-vue项目遇见的问题 3-关闭Eslint的语法校验

1.报错情况2.解决方法1.删除pnpm.lock2.如果是yarn，删除对应的文件3.启动vue项目遇见的问题【1】启动项目失败,在外层的对应的路径下启动【2】依旧失败，初始化，在启动npminit(

哟哟耶耶·2023-12-05 19:42

Mac下的maven配置settings.xml文件（全局配置和项目配置）

记录mac配置maven时的一些小坑一、settings.xml文件一般存在于两个位置：全局配置:${M2_HOME}/conf/settings.xml用户配置:user.home/.m2/settings.xml

卧蚕文逗·2023-12-05 19:08

vue项目关于：Error: Cannot find module ‘D:\@vue\cli-service\bin\vue-cli-service.js‘和npm 安装依赖时无法解析依赖树的解决方案

今天在创建vue项目时出现了两个问题，分享一下我是如何解决的。

编程小猹·2023-12-05 18:46

【TailwindCSS】

安装与配置创建Vite+Vue项目初始化项目：使用命令行工具创建一个新的Vite+Vue项目：pnpmcr

LinDon_·2023-12-05 17:06

vue项目中上传视频和图片到阿里云oss方法

第一步，封装js文件在util文件下：//fileUpload.jsimportaxiosfrom'axios'letbasePath='xxx.xxx.xx'//你的服务器接口域名/***@description:文件附件上传*file：文件raw对象*successCallback：成功的回调函数*errCallBack：错误的回调函数*progressCallback：上传进度的回调函数*d

摸鱼过河·2023-12-05 17:02

$set()使用方法，详细教学（vue项目中this.$set()的妙用）

简介：this.$set是Vue中的一个实例方法，用于在响应式对象上设置新的属性或修改已有的属性，并确保这些属性也是响应式的。使用this.$set可以解决Vue响应式系统的一个限制，即无法检测到通过索引直接设置数组元素或通过Object.defineProperty添加的属性的变化，所以通过this.$set方法，可以显式地告诉Vue，某个属性的值已经发生了变化，从而触发视图的更新。一、对象使用

北城笑笑·2023-12-05 16:26

Nginx的使用

简单代理2、带参数代理3、指定后缀域名跳转4、访问反向代理域名的静态资源5、配置静态资源访问（1）、将域名配置到小程序，获得TXT文件（非小程序反向代理可以不看）（2）、配置访问静态资源一、配置前端项目访问vue

Percep_gan·2023-12-05 15:45

vue项目打包成exe桌面程序

总结主要执行以下命令全局安装electron：npminstallelectron-g安装electron-builder依赖：vueaddelectron-builder运行桌面程序：npmrunelectron:serve打包应用程序：npmrunelectron:build更新应用程序：npmielectron-updater--saveelectron-builder教程一、本人比较笨，拷

喜欢走弯路的人·2023-12-05 14:45

推荐频道

vue项目全局配置微信分享