VUE微商城

vue 走马灯无缝滚动轮播图 vue-seamless-scroll

效果图GIF软件有点问题出现抖动（献丑了QAQ）1.安装vue-seamless-scrollnpminstallvue-seamless-scroll--save//或yarnaddvue-seamless-scroll2
Nicole.oO·2024-02-07 19:10

vue-seamless-scroll插件使用后点击事件无效

场景：当前使用vue-seamless-scroll包裹了一个滚动div的list，当前list中的div需要点击进行其他逻辑处理问题：部分div点击不触发点击事件原因：因为vue-seamless-scroll
JiAyInNnNn123·2024-02-07 19:10

vue双向绑定的原理及实现双向绑定MVVM源码分析

Vue双向数据绑定的原理：可以将对象的属性绑定到UI，具体的说，我们有一个对象，该对象有一个name属性，当我们给这个对象name属性赋新值的时候，新值在UI上也会得到更新。
前端来入坑·2024-02-07 19:40

好用的vue项目插件

1.vue-seamless-scroll无缝滚动-vue-seamless-scroll的简介及使用教程-MadewithVuejs2.富文本(1)avue-plugin-ueditoravue-plugin-ueditor
哆来A梦没有口袋·2024-02-07 19:40

02 动力云客之登陆界面

1.前端登录界面需求样式:1.自定义登录页面装配到main.jssrc下新建一个文件夹view,view下新建一个VueComponent,名为LoginView.vue,并选择optionsAPICompositionAPI
SunsPlanter·2024-02-07 18:38

Vue3 中使用 defineAsyncComponent 延迟加载组件

使用Vue3的defineAsyncComponent特性可以让我们延迟加载组件。这意味着它们仅在需要时从服务器加载。
lio_zero·2024-02-07 18:31

vue3 使用defineAsyncComponent与component标签实现动态渲染组件

之前用的vue2的动态挂载组件，也
小何开发·2024-02-07 18:31

vue中安装sass,elementUI

[安装sass]npminstallnode-sass-save-dev安装elementUInpmielement-ui-Smain.js中引入importVuefrom'vue';importElementUIfrom'element-ui
小宝儿_09f3·2024-02-07 18:00

Error: Catch all routes (“*“) must now be defined using a param with a custom regexp.

问题vue页面404适配过程中遇到这样一个问题，Error:Catchallroutes("*")mustnowbedefinedusingaparamwithacustomregexp.我用的是vue3.2
富朝阳·2024-02-07 18:29

vue3 使用defineAsyncComponent 动态加载组件

一、defineAsyncComponent函数Vue提供了defineAsyncComponent方法来实现此功能，该方法接收一个返回Pro
富朝阳·2024-02-07 18:27

vue 子组件改变父组件传来的参数

需求：点击父组件上的一个按钮，弹出一个子组件弹窗，子组件上面有一个关闭按钮，点击关闭按钮子组件隐藏；实现：在子页面：关闭thisissonbox{{infoooo}}.son{position:absolute;top:0;left:0;width:200px;height:200px;background-color:pink;}.title{width:100%;height:30px;}ex
蜗牛Coming·2024-02-07 18:47

jjche-boot-企业级快速开发平台

jjche-boot企业级快速开发平台，前后端分离设计，基于SpringBoot2.x、SpringSecurity，JWT，MyBatis-plus，Vue，在线代码生成器一键生成前后端代码，API接口快速开发利器
miaoyj·2024-02-07 18:35

【开源】JAVA+Vue+SpringBoot实现房屋出售出租系统

预定意向模块2.4交易订单模块三、系统展示四、核心代码4.1查询房屋求租单4.2查询卖家的房屋求购单4.3出租意向预定4.4出租单支付4.5查询买家房屋销售交易单五、免责说明一、摘要1.1项目介绍基于JAVA+Vue
揣晓丹·2024-02-07 17:45

MVVM模型

MVVM模型M模型（Model）对应data中的数据（普通的JS对象）V视图（View）对应模板（Vue的模板经过解析形成的页面，页面生成的DOM结构）VMVue实例对象（ViewModel）整个绿色大盒子就是
walkerLing·2024-02-07 17:14

【开源】SpringBoot框架开发超市账单管理系统 JAVA+Vue+SpringBoot+MySQL

3.2前端设计3.3后端设计在这里插入图片描述四、系统展示五、核心代码5.1查询供应商5.2查询商品5.3新增超市账单5.4编辑超市账单5.5查询超市账单六、免责说明一、摘要1.1项目介绍基于JAVA+Vue
张燕沨·2024-02-07 17:43

解决Invalid prop: type check failed for prop "model". Expected Object, got Array问题

Vue项目前端页面报错：“Invalidprop:typecheckfailedforprop“model”.ExpectedObject,gotArray”错误原因是：期望对象，得到的是数组从后台获取的数据是
sara的前端学习笔记·2024-02-07 17:32

【开源】JAVA+Vue+SpringBoot实现公司货物订单管理系统

2.3供应商管理模块2.4订单管理模块三、系统展示四、核心代码4.1查询供应商信息4.2新增商品信息4.3查询客户信息4.4新增订单信息4.5添加跟进子订单五、免责说明一、摘要1.1项目介绍基于JAVA+Vue
揣晓丹·2024-02-07 17:13

[vue3快速入门] 16.v-model表单输入绑定

我们之前使用过v-model来双向绑定input的值，这节课我们简单介绍一下其他表单类型使用v-model，内容可能长一点，大家简单过一遍就行了，用到时候再去官网查也不晚。1.input文本框input中的内容是：{{message}}2.textarea多行文本textarea中的内容是：{{messageTextArea}}3.checkbox复选框1)单个复选框{{singleChecked
林哥学前端·2024-02-07 17:00

【开源】基于JAVA+Vue+SpringBoot的新能源电池回收系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1用户档案模块2.2电池品类模块2.3回收机构模块2.4电池订单模块2.5客服咨询模块三、系统设计3.1用例设计3.2业务流程设计3.3E-R图设计四、系统展示五、核心代码5.1增改电池类型5.2查询电池品类5.3查询电池回收机构5.4查询咨询接待人员5.5新增电池求购单六、免责说明一、摘要1.1项目介绍新能源电池回收系统是可持续发展的解决方
桑程程·2024-02-07 17:08

【开源】基于JAVA+Vue+SpringBoot的停车场收费系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1停车位模块2.2车辆模块2.3停车收费模块2.4IC卡模块2.5IC卡挂失模块三、系统设计3.1用例设计3.2数据库设计3.2.1停车场表3.2.2车辆表3.2.3停车收费表3.2.4IC卡表3.2.5IC卡挂失表四、系统实现五、核心代码5.1查询停车位5.2查询车辆5.3新增停车记录5.4查询IC卡5.5新增IC卡挂失六、免责说明一、摘要
桑程程·2024-02-07 17:08

【开源】基于JAVA+Vue+SpringBoot的课程案例资源库系统

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1管理员需求分析2.2用户需求分析三、系统设计3.1业务流程设计3.1.1管理员业务流程设计3.1.2用户业务流程设计3.1.3首页功能模块及业务流程分析3.1.4案例资源中心功能模块及业务流程分析3.1.5用户信息中心功能模块及业务分析3.1.6意见信息中心功能模块及业务流程分析3.2数据流程分析四、系统展示五、核心代码5.1查询案例资源5
桑程程·2024-02-07 17:37

vue3学习笔记之Transition&TransitionGroup

文章目录Transition&TransitionGroup动画组件1.Transition1.1TransitionAPI1.2基于CSS的过渡效果自定义过渡class+Animate动画库同时使用transition和animation深层级过渡与显式过渡时长duration（总持续时间）1.3JavaScript钩子+GreenSock库案例1.4可复用过渡效果1.5出现时过渡（appear
凡小多·2024-02-07 17:04

vue3-内置组件-Transition

Vue提供了两个内置组件，可以帮助你制作基于状态变化的过渡和动画：会在一个元素或组件进入和离开DOM时应用动画。本章节会介绍如何使用它。
王大可996·2024-02-07 17:02

vue3 transition-group详解

vue3transition-group详解一、transition-group二、平移过渡动画三、总结transition-group组件是一个非常有用的工具，可以在Vue应用中实现过渡效果。
小钱999·2024-02-07 17:02

vue3-插件

插件插件(Plugins)是一种能为Vue添加全局功能的工具代码。
王大可996·2024-02-07 17:32

Vue组件（三）-内置组件component、transition、 transition-group、keep-alive、slot

下面的例子是一个简单的切换编辑器的组件，只在演示component组件的用法富文本编辑器Markdown编辑器Vue部分components:{MarkdownEditor,TinymceEditor}
牧云流·2024-02-07 17:01

Vue3跨域代理设置

Vue3中,就不要再使用什么vue.config.js文件来配置跨域代理了Vue3的项目,在通过vite来创建项目之后,会自动创建一个vite.config.js文件,跨域的代理就可以在这个文件中配置了
Leo_DLi·2024-02-07 17:31

Vue+Koa项目完整上线流程中遇到的问题

程序员有时候“提笔忘字”,以下是此次过程中遇到的问题流水账,按顺序记录的,不再细分什么前端后端了.有些问题可能过于简单,勿喷!1,Koa的get,post请求怎么获取参数get类请求:直接使用ctx.query来获取前端传递来的参数post类请求:需要使用到koa-bodyparser中间件,然后通过ctx.request.body来获取前端传递的参数koa-bodyparser在使用koa2指令
Leo_DLi·2024-02-07 17:31

React+TypeScript项目创建

可采取两个工具来创建：create-react-app(React官方提供)、vite(不仅仅是创建React项目，Vue等也可用)每种工具都列出npm和yarn两种使用方式一，create-react-app1
Leo_DLi·2024-02-07 17:00

vue3-内置组件-TransitionGroup

是一个内置组件，用于对v-for列表中的元素或组件的插入、移除和顺序改变添加动画效果。与的区别支持和基本相同的props、CSS过渡class和JavaScript钩子监听器，但有以下几点区别：默认情况下，它不会渲染一个容器元素。但你可以通过传入tagprop来指定一个元素作为容器元素来渲染。过渡模式在这里不可用，因为我们不再是在互斥的元素之间进行切换。列表中的每个元素都必须有一个独一无二的key
王大可996·2024-02-07 17:59

Vue 3 + Koa2 + MySQL 开发和上线部署个人网站

Vue3+Koa2+MySQL开发和上线部署个人网站记录个人的一个操作步骤,顺序不分先后,嫌啰嗦请出门右转!
Leo_DLi·2024-02-07 17:29

【vue】报错 Duplicate keys detected 解决方案

错误描述：Duplicatekeysdetected.Thismaycauseanupdateerror.错误直译：检测到重复的键。这可能会导致错误。错误原因：有相同父元素的多个子元素的v-for有相同的key值。解决方法：return:{dataList:[{name:'张三'，id:"1"},{name:'李四'，id:"2"}]}{{item.name}}//改变key值，将key值设置为唯
小墨鱼_z·2024-02-07 16:11

vue:sharedWorker共享工作者线程的使用

一.使用场景某项目某接口，请求返回的数据量较大，消耗服务器资源严重。如果在web端打开多个页签，同时请求该接口，会造成服务端负荷过重。这时，共享工作者线程(SharedWorker)就派上了用场。根据SharedWorker的特性，第一个页面打开线程，就会创建一个SharedWorker，第二个页面也打开，就会使用已经创建的同一个线程。如此，只要在线程中将数据进行一定的缓存处理，多个页签打开时，就
小飞牛牛·2024-02-07 16:00

vue3+Element-plus el-pagination分页组件英文如何转换为中文

解决方案如下：在main.js中导入相应的包，引入zhCn，在使用时添加语言，代码如下：import{createApp}from'vue'importpiniafrom'@/stores/index'importAppfrom
张小瑜·2024-02-07 16:00

vue3父子组件传值defineProps，子组件回调方法defineEmits

，无论数组换是对象这是子组件给父组件传值：{{childToFatherData}}1ref和组件名称不要相同2ref需要先被定义import{ref,onMounted,reactive}from"vue
前端小云儿·2024-02-07 16:00

vue3父组件调用子组件方法，属性

子组件子组件：父组件调用子组件方法，属性import{ref,reactive,defineExpose}from"vue";letdefineProps=defineProps(["id"]);letinfo
前端小云儿·2024-02-07 16:00

vue3 watchEffect 监听子组件变化

父组件父组件修改id的值import{ref,onMounted}from"vue";importhomeComfrom".
前端小云儿·2024-02-07 16:00

vue3+Element-plus el-pagination分页组件英文转中文

import{createApp}from'vue'importrouterfrom'.
前端小云儿·2024-02-07 16:59

【vue-脚手架】npm设置与删除淘宝镜像

npm设置与删除淘宝镜像用淘宝的镜像下载资源国内的访问速度会比较快一、npm命令：不改变原来的名称，只是换了一个下载资源1.npm设置淘宝镜像npmconfigsetregistryhttps://registry.npm.taobao.orgnpmconfigsetdisturlhttps://npm.taobao.org/dist2.npm删除淘宝镜像npmconfigdeleteregist
前端小云儿·2024-02-07 16:29

ruoyi代码生成

简介毕设用的RuoYi-Vue，其中还学到不少东西，这次分享一下关于ruoyi的代码生成的使用官方文档链接如下后台手册|RuoYi使用1、设计数据表结构代码生成自然少不了数据库表的设计，完成了数据库表设计
无奈何杨·2024-02-07 16:34

uniapp canvas组件不展示Vue3

uniappcanvas组件不展示Vue3页面页可以展示拆分成组件无法展示getCurrentInstance修改this指向import{getCurrentInstance}from'vue'//引入
Web995·2024-02-07 16:45

vuedemo06

computed计算属性AddtoAAddtoBA-{{a}}B-{{b}}Age+A={{addToA}}Age+B={{addToB}}newVue({el:"#app",data:{a:'',b:
知识分享share·2024-02-07 16:58

ruoyi-vue-pro新建module后后端接口报错404

一：报错信息：新建module，postman、http请求报错信息如下：二：问题解决：(1)经过排查发现是没有在“xxx-server”模块的配置文件“pom.xml”里加上此模块的依赖。(2)maven->package或install，否则本地依然找不到依赖；三：原理分析和理解：@ComponentScan源码@ComponentScan的作用就是根据定义的扫描路径，把符合扫描规则的类装配到
leo_hush·2024-02-07 15:52

状态管理 vuex 状态管理库

目录3.1vuex介绍3.2使用方式Vue1：基础跟使用方式Vue2：路由方面3.1vuex介绍vuex是一个专为Vue.js应用程序开发的状态管理库vuex可以在多个组件之间共享数据，并且共享的数据是响应式的
it优质男·2024-02-07 15:19

Vue中key值的作用？

当Vue.js用v-for正在更新已渲染过的元素列表时，它默认用“就地复用”策略。
JIA_Fury·2024-02-07 15:36

Vue中的请求拦截器

目录1前言2使用方法2.1创建拦截器2.2引入拦截器1前言我们常常会使用JWT令牌来验证登录，因此很多请求都需要携带JWT令牌，我们当然可以用{headers:{Authorization:xx}}的方式，向每个请求中都以这样的方式添加JWT令牌。不过这样做就过于繁琐，因此我们可以采用请求拦截器的方式来简化操作。2使用方法2.1创建拦截器在src目录下，创建一个utils文件夹，再向其中创建一个r
厂里英才·2024-02-07 15:14

echarts水波图示例

该示例使用于vue3项目中效果图image.png准备下载包npminstallecharts--savenpminstallecharts-liquidfill--save在需要使用的组件中引用import
弘岛·2024-02-07 15:36

vue项目打包部署介绍

Nginx实现静态资源的反向代理实例Nginx实现静态资源的反向代理实例这篇文章主要介绍了Nginx实现静态资源的反向代理实例,本文通过分析github发现这个应用,可以避免在https的网站中出现http链接,需要的朋友可以参考下github中很多项目都有一个readme文件，很多人喜欢在文件中添加自己的创作或封面图片，比如substack为他相关推荐:Nginx中accept锁的机制与实现解决
03ngnntds·2024-02-07 14:59

vue3+elementPlus-浏览器告警解决error.ts:14 ElementPlusError: [ElPagination] 你使用了一些已被废弃的用法，请参考 el-pagination

问题：在使用elementuiPlus的分页器组件的时候，发现会有如下图警告检查代码：0":page.sync="listQuery.page":limit.sync="listQuery.pageSize"@pagination="listQueryFn":total="total">对照官方文档也没什么问题，然后把total删了就发现不报错了原因是：在定义total的时候没有初始值解决办法：给
先知demons·2024-02-07 14:43

vue3 路由routerpath后面直接携带参数传递

/pages/home/index.vue")}参数传递import{useRouter}from'vue-router'constrouter=useRouter()router.push({path
红烧咸咸鱼·2024-02-07 14:12
上一页 65 66 67 68 69 70 71 72 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他