vue项目源码分享第17页

vue项目动态加载JSON并显示

1.封装JSON请求方法1>安装axiosnpminstallaxios2>引入并封装axios请求路径src/utils/requestJSON.jsimportaxiosfrom'axios';//createanaxiosinstanceconstservice=axios.create({method:'get',crossDomain:true,dataType:'json',baseU

梓喻·2024-01-12 04:57

在Vue3项目中添加Vuepress作为内嵌文档

在Vue项目中添加Vuepress作为内嵌文档vuepress2vuepress作为一个静态网站库，可以有效的开发网站的文档部分。我们可以在已有的vue项目中添加vuepress作为文档页面。

正宗咸豆花·2024-01-12 04:39

websocket的使用及nginx通信的ws代理配置

websocket的使用及nginx通信的ws代理配置最近在做的vue项目要使用websocket，本文讲述了websocket在vue中使用及打包后使用nginx代理。

酒渣·2024-01-12 02:09

vue文件下载：把文件流保存到本地

开发vue项目时经常碰到文件下载的需求，分两种情况：一种是：后台给文件路径，前端拼地址去下载文件另一种是：后台直接返回文件流，前端去处理第一种很简单这里就不赘述了，直接给出第二种接受文件流并下载的方法：

晴天暖宝宝·2024-01-12 02:08

vue项目跨域问题（图片跨域）devServer.proxy代理失效时，nginx反向代理解决跨域问题

前言本篇文章主要记录个人在公司项目开发中所遇问题，主要内容：在vue项目的开发中图片所存的服务器/端口号和项目所在的服务器/端口号不同，出现了跨域问题的保错。

他既深情.·2024-01-12 02:35

PostMan报错Error: connect ECONNREFUSED 127.0.0.1:端口号

练习Vue项目的时候，想让项目跑起来一开始输入node.

Daring!·2024-01-12 02:05

前端配置wabpack反向代理

域名端口地址都相同才可以不然就是跨域解决方案一般是后端配置cors请求头为*允许跨域–还有一种方式就上去前端配置反向代理进行跨域–重点:服务器向服务器发送请求是不会跨域的–所以遇到了跨域就需要用本地的服务器去发请求在开发vue

haosicx·2024-01-12 02:49

webstorm的使用技巧

开发vue项目时候快速新建一个vue文件file--seting--Editor--FileandTemplates--点击绿色+号--后面就输入自己的文件模板exportdefault{name:''

Young_Kind·2024-01-11 23:48

Vue总线Bus兄弟组件传参

一、前言使用场景：在vue项目较小的情况，使用bus总线思路来完成vuex的传值功能。

AI晓晓·2024-01-11 23:51

VUE项目后台管理系统--vue+elementUI组件table实现前端分页功能+前端模糊查询功能

前端后台管理会存在很多表格，表格数据过多就需要分页，前端交互每次搜索如果都请求服务器会加大服务器的压力，所以在数据量不是很大的情况下可以一次性将数据返回，前端做检索。效果一、查询条件代码如下（示例）：查询二、页面展示（1）分页展示@size-change的属性：绑定当前页数量的事件，当前页数量变化时，触发SizeChange方法@current-change的属性：改变当前页时会触发事件:curr

scorpion_V·2024-01-11 22:40

python200行有趣小程序,python简单小游戏代码_python小程序200例

1、吃金币源码分享：importosimpor

程序员老冉·2024-01-11 21:57

两周掌握Vue3（二）：Vue基本代码构成、Vue3指令详解

文章目录一、Vue项目代码逻辑1.main.js解析2.App.vue解析二、Vue3指令0.指令概述1.v-bind示例2.v-model示例3.v-if示例4.v-for示例5.v-show示例6.

TracyCoder123·2024-01-11 20:02

两周掌握Vue3（一）：安装、打包、目录结构

文章目录一、安装1.安装node.js和npm（windows）2.安装vue，创建vue项目报错：XXX不是内部或外部命令二、打包三、目录结构nodejs版本：v20.10.0npm版本：v10.2.3

TracyCoder123·2024-01-11 20:31

Uncaught ReferenceError: videojs is not defined

项目场景：项目背景：开发vue项目时，调试时浏览器前端控制台出现红色报错信息：UncaughtReferenceError:videojsisnotdefined问题描述遇到的问题：开发vue项目时，浏览器控制台出现如下所示的报错信息

努力学编程呀(๑•ี_เ•ี๑)·2024-01-11 20:16

vue 中import 不同层级目录下的文件的表示方式

项目场景：项目背景：vue项目中开发页面需要用到其它目录下的文件，需要使用import进行导入问题描述问题：importutilfrom'@/libs/util.js'importdrawerfrom'

努力学编程呀(๑•ี_เ•ี๑)·2024-01-11 20:15

Abp 创建一个模块项目demo

结合文档以及git的源码分享一下demo的理解abp文档：API/AutoAPIControllers|DocumentationCenter|ABP.IO前置准备：Net8环境：下载.NET8.0(Linux

叶大白丶·2024-01-11 18:16

vue项目使用公共js方法@令狐张豪

我们在做项目中会用到很多js方法，然后有些方法是通用的我们需要进行封装使用在src下创建utils目录并创建utils.js文件utils.js文件exportdefault{//判断手机机型versions(){varu=navigator.userAgent;return{trident:u.indexOf('Trident')>-1,presto:u.indexOf('Presto')>-1

令狐张豪·2024-01-11 16:05

Vue2：插件开发

一、场景描述给Vue项目开发插件,增强Vue的功能。

生产队队长·2024-01-11 16:11

Vue：多组件样式冲突问题解决

一、场景描述我们在开发Vue项目的时候，会有很多的组件，每个组件里，可能都会写相应的样式，这时候就会出现在父组件引入子组件的时候，同名样式会冲突的问题。从而导致样式出问题。

生产队队长·2024-01-11 16:40

vscode运行vue项目报错

vscode运行vue项目报错1.正常情况下，第一次运行时先删掉原来项目的node_modules包，然后npminstall重新安装依赖即可由于我某些地方可能安装错误，上面的方法并不适用，可以尝试下面的方法

weixin_44145526·2024-01-11 13:42

docker部署vue项目--nginx

docker部署vue项目，在网上搜罗很多教程，但是可能因为我的理解不够深入，都一一失败了。

重生之机械生做程序猿·2024-01-11 12:22

【Jenkins】部署vue项目（多种方式部署）

文章目录Jenkins部署vue项目先安装node.js上传到linux并解压配置Jenkins环境变量jenkins创建任务部署方式第一种（npmrunbuild）打包的形式执行脚本buildSteps

孟德爱吃香菜·2024-01-11 11:57

vue3知识点5.2项目路由router教程 vue项目引入路由搭建路由嵌套路由路由传参导航守卫命名视图重定向别名

vue3知识点5.2项目路由router教程（汇总路由全部用法）前言：上一章我们学会了如何用vue3cli搭建项目。vue3脚手架搭建项目链接,这一章我们要给项目引入路由，路由介绍，项目搭建路由，嵌套路由，…导航卫士，命名视图，自己看目录吧。总之，这文也太长了。一、路由介绍当加入VueRouter的时候，我们需要做的就是将我们的组件映射到路由上，下面是一个基本的例子：HTMLHelloApp!`将

luanmabug·2024-01-11 10:55

使用 Vue 3 实现基于身份的权限验证

1:首先，你需要在Vue项目中安装vue-router和vuex（用于状态管理）：npminstallvue-routervuex2:创建一个路由配置文件router.js，并配置你的路由规则和权限需要验证的路由

星空,二脚·2024-01-11 10:46

vue中莫名其妙报错“cannot read property of undefined”

前言vue项目中经常会遇到"cannotreadproperty‘某某某’ofundefined"的报错信息。下面我就简单分析下报错原因及解决方法问题描述info是服务端返回的数据，是一个对象。

梁栋沉·2024-01-11 07:29

vue项目实现复制内容功能（指令和按钮式复制）

安装vue-clipboard2插件（基于clipboard封装的插件）指令式触发复制方法绑定式触发复制一、npminstall--savevue-clipboard2安装依赖二、指令式复制内容三、方法绑定式触发内容

椒盐大肥猫·2024-01-11 05:55

vue项目实现内网穿透

实现步骤使用uTools软件的“内网穿透”插件配置vue项目配置内网穿透插件参数一、下载uTools软件并安装内网穿透插件，如下图所示：二、配置vue项目参数在webpack.dev.conf.js文件下配置相关参数

椒盐大肥猫·2024-01-11 05:54

centos系统部署vue项目

参考文章1参考文章2参考文章31.部署前依次执行下列命令yuminstallgcc-c++yuminstall-ypcrepcre-develyuminstall-yzlibzlib-develyuminstall-yopensslopenssl-devel2.下载Linux版本的Nginx安装包下载地址https://nginx.org/en/download.html依次执行下列命令cd/us

UCASXS·2024-01-11 05:45

Nginx部署VUE项目

Nginx部署VUE项目1.安装nginx2.输入nginx-t查看nginx.conf文件地址.乌班图系统参考这里3.修改配置文件如下server{listen80;#监听80端口server_namecce.aleteam.cf

UCASXS·2024-01-11 05:14

整理Vue项目中的那些环境变量

整理Vue项目中的那些环境变量为什么去了解这个项目中的环境变量？

放荡不羁的小雨鸽·2024-01-11 05:03

vue项目开发技巧(require.context)

require.context主要使用require.context实现前端工程化动他引入文件require.context(directory,useSubdirectories=false,regExp=/^.//)第一个参数目标文件夹是否查找子集true|false正则匹配比如：require.context('./router',true,/\.routes\.js/可以理解为获取rout

惗Study溡光_0cdd·2024-01-11 04:00

搭建Vue项目【最后附Mint】

vue文档：https://cn.vuejs.org/v2/guide/1、检查npm和node版本node.js下载地址：http://nodejs.cn/download/图1查看版本号2、全局安装vue-cli命令【npminstall--globalvue-cli】图2搭建全局vue脚手架3、进入你的项目目录，创建一个基于webpack模板的新项目命令【vueinitwebpack1909

Mandy肉肉·2024-01-11 02:23

Vue组件：Vue Router以及路由守卫，含路由的基本使用，配置，路由传参，导航方式，缓存；路由守卫的三种用法

它只能结合vue项目进行使用，能够轻松的管理SPA项目中组件的切换。

CodeMonkey-D·2024-01-11 00:12

vue项目心得（复盘）

在编写项目过程中，首先是接手一个需要优化的项目，需要查看vue.config.js环境配置地址，确认好测试地址后进行开发，目前在开发过程中，遇到的最多的问题就是关于组件间的，组件间传值1、父组件异步传值，导致子组件没有收到参数，从而导致在不同的生命周期中console.log均可以打印出正常的数据，唯独在渲染的时候，会发现数据是空的。解决办法，异步操作时用async，await，或者在组件渲染中添

前端小臻·2024-01-10 22:12

Vue实战——Element Plus入门案例

Vue3UI框架|ElementPlus(element-plus.org)1.快速入门执行命令（在当前工程的目录下）：npminstallelement-plus--save2.案例项目创建一个工程化的Vue

熊猫发电机hhh·2024-01-10 20:05

Vue项目工程化创建和启动

一.Vue项目创建和启动1.创建一个工程化的Vue项目执行命令：npminitvue@latest2.Vue项目安装依赖执行命令：npminstall3.vue项目—目录结构4.启动项目1.执行命令：npmrundev2

熊猫发电机hhh·2024-01-10 20:34

黑马最新版Springboot3+Vue项目跟学笔记——Vue3的快速入门

一、vue的基本语法1.vue的快速入门：Document{{msg}}import{createApp}from'https://unpkg.com/vue@3/dist/vue.esm-browser.js'createApp({data(){return{msg:'hellovue3'}}}).mount('#app')2.v-for的使用：v-for案例Document文章标题分类发表时间

熊猫发电机hhh·2024-01-10 20:04

Vue学习笔记

基础笔记一、MVC与MVVM1.MVC（单向操作）model数据View视图controllor控制器2.MVVM（双向数据绑定）model数据View视图viewModel视图模型二、利用npm构建vue

陈俊嵩·2024-01-10 20:22

Vue项目在ie浏览器中显示白屏优化提示

在工作中用到Vue开发项目，用户在IE浏览器打开页面，结果显示空白屏。作为开发者当然知道是浏览器版本过低导致语法不支持，但是用户不知情的情况下显示空白屏就很不友好。这时候有必要在页面上做点提示语告诉用户切换浏览器，下面是页面效果：代码实现：关键代码：(function(window){vartheUA=window.navigator.userAgent.toLowerCase();if((the

Yongqiang Chen·2024-01-10 20:53

Vue项目路由路径中去掉#

在Vue中，有两种常见的路由模式：哈希模式（HashMode）和历史模式（HistoryMode）。哈希模式（HashMode）：使用URL中的#号来模拟路由。例如：http://example.com/#/about哈希符号后面的内容被称为哈希路径，在路由器中用于对应不同的组件或页面。哈希模式的优点是兼容性好，可以在不同的浏览器和服务器上正常工作。哈希模式的缺点是URL中包含#号，影响美观性。历

编程初学者01·2024-01-10 20:22

Vue项目里实现json对象转formData数据

平常调用后端接口传参都是json对象，当提交表单遇到有附件需要传递时，通常是把附件上传单独做个接口，也有遇到后端让提交接口一并把附件传递到后端，这种情况需要把参数转成formData的数据，需要用到newFormData()。json对象转formData，一个一个的赋值代码会非常冗余，并且遇到复杂的数据结构，还需要一层一层的往下循环赋值。因此写了一个demo解决当前问题以供参考，写的不好的地方欢

Yongqiang Chen·2024-01-10 20:51

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

知识付费小程序源码分享可开流量主

搭建步骤:1.注册小程序2.搭建后台3导入文件4.对接前端5.对接小程序6.过审[哈哈]需求：服务器（腾讯121即可）安装centos7.0以上操作系统Php7.0以上WordPress5.0以上视频教程：https://www.bilibili.com/video/BV15z4y1m7fU下载链接:https://121380.lanzous.com/iXezknhoetc

酷爱码·2024-01-10 13:41

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项目源码分享