大前端Vue

vue3跨组件(多组件)通信：事件总线【Event Bus】

★推荐方案：使用`events`npm库；可用范围：vue、react、angular等任何框架都可使用；且使用方式完全一致；本文仅介绍、讲解对web页面端项目的常用API；通过events实现事件总线功能
oumae-kumiko·2024-02-09 01:13

Vue项目启动webpack报错Module build failed: Error: No PostCSS Config found in......

情景我使用vue-cli创建项目，然后想换个地方，就把除了node_modules以外的文件全部拷贝到另一个文件，想的重新npmrundev一下就可以。
HealerLZH·2024-02-09 01:40

向下滚动加载

这是HTML结合vue使用的，如果直接用vue脚手架写移动端的话，向下滚动有一个好用的插件vant里的list{{i.**}}{{i.**}}{{i.**}}{{i.**}}一键复制{{i.**}}{{
F飞凡·2024-02-09 01:51

2种方式解决vue路由跳转未匹配相应路由避免出现空白页面或者指定404页面

1.路由所有匹配不到时，返回首页；//创建路由对象并配置路由规则letrouter=newVueRouter({routes:[{path:'/',redirect:{name:"home"}},//重定向到主页
丰起云啸·2024-02-09 00:58

Springboot+vue的社区智慧养老监护管理平台设计与实现（有报告），Javaee项目，springboot vue前后端分离项目

演示视频：Springboot+vue的社区智慧养老监护管理平台设计与实现（有报告），Javaee项目，springbootvue前后端分离项目项目介绍：本文设计了一个基于Springboot+vue的前后端分离的社区智慧养老监护管理平台设计与实现
气宇轩昂的固执狂·2024-02-09 00:42

【vue】axios 如何调用 htttp 接口

安装依赖：npminstallcore-js导入core-js：import'core-js/modules/web.url-search-params';通过调用newURLSearchParams，然后append来准备好要传入的参数：letparam=newURLSearchParams()param.append('content','啦啦啦啦')axios({url:'http://xx
花间半盘棋·2024-02-09 00:35

VUE2模拟VUE3中的Teleport实现改变元素挂载的节点

Teleport页面exportdefault{name:'teleport',props:{to:{type:String,required:true}},mounted(){consttoEl=document.querySelector(this.to)if(toEl){toEl.appendChild(this.$el)}},destroyed(){consttoEl=document.q
灰海·2024-02-09 00:34

基于Element-Ui封装公共表格组件

0项目组最近需要把老项目拆出来表格都是独立的需要重新封装公共的表格组件以下是实现逻辑以及部分截图实现逻辑是类似于antd-vue框架的写法，将columns拆出来在columns中填写相关的表头名字以及需要的逻辑如插槽移入提示
灰海·2024-02-09 00:04

Vue全局添加水印

首先创建一个js文件（shuiyin.js）//定义水印函数constaddWatermark=({container=document.body,//水印添加到的容器，默认为bodywidth="200px",//水印canvas的宽度height="100px",//水印canvas的高度textAlign="center",//水印文字的对齐方式textBaseline="middle",/
灰海·2024-02-09 00:04

Vue 中根据当前的日期 显示当前是周几

//dataDate是需要转换成周几的日期{{getWeek(dataDate)}}getWeek(dateStr){letdate=''//周几letweeks={"0":'星期日',"1":'星期一',"2":'星期二',"3":'星期三',"4":'星期四',"5":'星期五',"6":'星期六',}letdate=newDate(dateStr);letweekIndex=date.get
灰海·2024-02-09 00:04

VUE2和VUE3区别对比一览

##Vue3总结###官方文档*[Vue3](https://v3.cn.vuejs.org/api/options*data.html)*[Vue2](https://vuejs.bootcss.com
灰海·2024-02-09 00:02

vue 引入echarts画中国地图

在vue里用echarts画地图时报错：Mapchinanotexists.或者地图不出来原因是因为没引入地图数据import'echarts/map/js/china.js';
coolSummer003·2024-02-08 23:52

基于vue的健身房信息管理系统(开题报告+源码）

本系统（程序+源码）带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景：随着健康意识的增强，越来越多的人开始注重身体健康和体型塑造，健身房作为提供专业健身服务的场所，吸引了大量健身爱好者。然而，传统的健身房管理模式常常面临会员管理混乱、课程安排不合理、教练资源分配不均等问题。为了提高健身房的管理效率，优化服务质量，一个基于现代网络技术的健身房信息
迟限程序设计·2024-02-08 23:23

基于Vue的交通管理系统的设计与实现(开题报告+源码）

Vue.js作为一
迟限程序设计·2024-02-08 23:23

基于Vue的高校在线党建平台(开题报告+源码）

本系统（程序+源码）带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景：随着信息技术的飞速发展，数字化手段在各个领域的应用日益广泛。在党建工作中，传统的线下教育和管理方式已逐渐不能满足现代高校党员的需求。尤其是在网络信息时代背景下，高校学生党员群体呈现出年轻化、知识化的特点，他们更加习惯和青睐于通过在线平台进行学习和交流。因此，研究和开发一个基于
迟限程序设计·2024-02-08 23:53

关于vue3中文转拼音和三级联动

1.vue3中文转拼音npminstallpinyin--save//拼音constnamePinyin=ref('');mName是后端传过来的最后的结果是测试杨ceshiyangletmName=record.userId_dictText.split
_斯洛伐克·2024-02-08 23:12

技能学习：学习使用golang（gin框架） + vue.js，开发前端全栈网站-2.启动项目

技能学习：学习使用golang（gin框架）+vue.js，开发前端全栈网站-2.启动项目相关文章：技能学习：学习使用golang（gin框架）+vue.js，开发前端全栈网站-1.工具和本地环境技能学习
最强的森·2024-02-08 23:41

关于vite5中postcss-px-to-viewport插件问题和require问题

1.vue3中不支持require，可以npmivite-plugin-require-transform--save-devimportrequireTransformfrom'vite-plugin-require-transform
_斯洛伐克·2024-02-08 23:41

宁德烟草大屏问题与解决方法总结vue3+vite5

中css里添加postcss代码如下1.样式总结：1.非标准屏幕时要完整展示大屏内容当大屏不是1920*1080屏幕时，两侧可以滑动。当1920*1080正常时，不会滑动，可以设置高度和滚动。91和35分别是我的头部和尾部高度。同时配合postcsspxtoviewport8plugin插件保证宽度自适应.left{width:436px;height:calc(100vh-91px-35px);
_斯洛伐克·2024-02-08 23:41

关于vue3路由

参考vue3路由跳转and接收参数_vue3接收参数-CSDN博客vue3部分使用路由：传递路由//引入API---useRouterimport{useRouter}from'vue-router';
_斯洛伐克·2024-02-08 23:41

在vue3+vite中 使用require

importrequireTransformfrom'vite-plugin-require-transform';第三步在vite配置文件exportdefaultdefineConfig({plugins:[requireTransform({fileRegex:/.js$|.vue
_斯洛伐克·2024-02-08 23:11

vue3 antd table组件点击行变色问题

1.为table定义customRow和rowClassName，customRow为了选中行，rowClassName为了改变样式的函数，customRow和rowClassName可以去antd官方文档看定义customRow，rowClassName函数letselectedRowKeys=ref([]);//声明一个数组，在行点击函数里面用来存每一行数据的唯一标识id或者其//他参数con
_斯洛伐克·2024-02-08 23:10

Vue路由的基本用法

1.vue路由是什么东西vue路由就是vue-router是vue页面中用于代替html中的a标签跳转页面的，只不过这个页面不是Html是vue页面。
cssl-虞老师·2024-02-08 23:39

关于vue2+antd 信息发布后台不足的地方

有的写法可以cv1.序号递增{title:"序号",customRender:(text,record,index)=>`${index+1}`,align:"center",},2.关于类型{title:"类型",dataIndex:"type",align:"center",customRender:function(t){switch(Number.parseInt(t)){case0:re
_斯洛伐克·2024-02-08 23:39

golang通用后台管理项目——Go+Vue通用后台管理项目实战

Go+Vue通用后台管理项目实战1、掌握组件中业务逻辑抽离的方法2、掌握jwt,日志,跨域,鉴权中间件的使用3、掌握基于gorm的sql多表查询4、掌握gin-swag的应用5、掌握go语言开发前后端分离项目的能力
怪我冷i·2024-02-08 23:08

springboot(ssm学生管理系统 学生课程考试系统Java系统

springboot(ssm学生管理系统学生课程考试系统Java系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库：mysql5.7
Java学长-kirito·2024-02-08 23:35

springboot(ssm悦己美容院后台管理系统 美容院管理系统Java系统

springboot(ssm悦己美容院后台管理系统美容院管理系统Java系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库
Java学长-kirito·2024-02-08 23:34

uni-app跳转到详情页面

通过使用uni.navigateTo()传值给详情页详情页通过onLoad()进行接收index.vue主要部分代码场所预定更多>{{reserve.title}}开放时间:{{reserve.time
香菜的开发日记·2024-02-08 23:58

实现简单render函数

什么是VirtualDomReact和Vue2都使用了VirtualDom技术，VirtualDom并不是真正意义上的Dom，而是一个轻量级的JavaScript对象，在状态发生变化时，VirtualDom
初晨的风儿·2024-02-08 22:58

ant-design-vue 快速避坑指南

ant-design-vue快速避坑指南ant-design-vue是蚂蚁金服AntDesign官方唯一推荐的Vue版UI组件库，它其实是AntDesign的Vue实现，组件的风格与AntDesign保持同步
wwf1225·2024-02-08 22:02

vue获取上传图片的名字和路径_使用Vue实现图片上传的三种方式

我们就以Vue、Element-ui，封装组件为例子聊聊如何实现这个功能。其他框架或者不用框架实现的思
weixin_39876592·2024-02-08 22:01

Ant Design of Vue 使用a-upload 自定义上传路径，前后端报403问题

话不多说，上代码vuehtml部分js部分asynchandlePreview(file){if(!file.url&&!
艾玩·2024-02-08 22:01

上传文件发生跨域

情景：后台使用ant-design-vue的upload组件上传文件时候，有时上传失败，控制台报跨域。
走向架构师的小白·2024-02-08 22:00

Spring Could+Ant Design Pro表格数据加载

表格加载打开AntDesignPro项目修改配置，解决跨域问题，让它能连接到我们的项目的网关修改vue.config.js找到节点devServer，修改如下：devServer:
拉布拉卡的小推车·2024-02-08 22:59

koa2 vue antd upload上传跨域问题

在使用antd的a-upload使用同现跨域在vue…config.js已配proxy代理且koa后台已配置跨域另起一个web服务不用a-upload上传没有出现跨域在koa中已设置了koa2-cors
gzjiert·2024-02-08 22:29

vue和ui框架Tab切换的组件写法

业务中经常碰到很多依靠Tab切换显示的页面考虑到使用组件方式写入使用v-if判断只显示当前页面内容以及当前页面需要请求的数据。//父组件//注册components:{'v-cars':cars,//子组件a'v-inquiry':inquiry//子组件b},//根据条件判断显示data(){return{activekey:0,isShowCar:true,isShowInquiry:fals
diviner_杨·2024-02-08 22:40

Java实现固始鹅块销售系统 JAVA+Vue+SpringBoot+MySQL

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1数据中心模块2.2鹅块类型模块2.3固始鹅块模块2.4鹅块订单模块2.5评论管理模块三、系统设计3.1用例设计3.2数据库设计3.2.1鹅块类型表3.2.2鹅块表3.2.3鹅块订单表3.2.4鹅块评论表四、系统展示五、核心代码5.1查询鹅块5.2查询鹅块类型5.3鹅块下单5.4撤销鹅块下单5.5新增留言五、免责说明一、摘要1.1项目介绍基于
customer08·2024-02-08 21:14

Java实现网上药店系统 JAVA+Vue+SpringBoot+MySQL

目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1数据中心模块2.2药品类型模块2.3药品档案模块2.4药品订单模块2.5药品收藏模块2.6药品资讯模块三、系统设计3.1用例设计3.2数据库设计3.2.1角色表3.2.2药品表3.2.3药品订单表3.2.4药品收藏表3.2.5药品留言表四、系统展示五、核心代码5.1查询药品5.2查询药品类型5.3药品收藏5.4药品加购5.5新增药品留言六、
customer08·2024-02-08 21:14

Java实现用户画像活动推荐系统 JAVA+Vue+SpringBoot+MySQL

业务流程设计3.3数据流程设计3.4E-R图设计四、系统展示五、核心代码5.1查询兴趣标签5.2查询活动推荐5.3新增活动报名5.4新增活动收藏5.5新增活动留言六、免责说明一、摘要1.1项目介绍基于JAVA+Vue
customer08·2024-02-08 21:43

【 Vue 拓展 | (一) 】：一个案例搞懂 pinia 的使用

❤️❤️❤️01.Pinia基本介绍符合直觉的Vue.js状态管理库在学习之前，先来了解什么是pinia以及为什么要使用pinia比如说这是一个项目的基础结构，当组件很少的时候可以通过组件通信来解决，但当组件多
*Soo_Young*·2024-02-08 20:45

vue目录结构

这里是我们要开发的目录,基本上要做的事都在这个目录里.里面包含了几个目录及文件:assets:放置一些图片,如logo等components:该目录存放的我们的开发组件,主要的开发文件都存放在这里了:App.vue
菲H·2024-02-08 20:21

Vue 组件通信方式

/Son.vue'importSon1fro
嗷呜~嗷呜~呜呜~·2024-02-08 20:33

Vue 生命周期

文章目录一、Vue2的生命周期函数Vue2请求接口一般放在哪个生命周期Vue2生命周期运行解析源码解析初始化阶段模板编译阶段挂载阶段mountComponent()Watcher_update()销毁阶段什么时候会调用
fmk1023·2024-02-08 20:32

Pinia学习笔记

文章目录Pinia优势Pinia基本使用defineStore定义一个StorestoreToRefs解构store改变状态替换state订阅状态Pinia优势Pinia是一个全新的Vue状态管理库，是
fmk1023·2024-02-08 20:32

Vue组件间多种通信方式（超详细）

目录一、组件间通信最基本方式:props二、组件间通信2:vue自定义事件三、组件间通信3:事件总线四、组件间通信4:v-model五、组件间通信5:sync属性修饰符六、.组件间通信6:$attrs与
一学习就不困！·2024-02-08 20:32

vue组件通信方式之eventBus

我们在vue项目中最常遇到的问题就是组件之间的通信，父子通信，兄弟通信，跨组件之间的通信。
Hello_MrShu·2024-02-08 20:02

Vue组件通信的方式

文章目录props父传子$emit子传父事件总线（EventBus）使用Vuex\Pinia状态管理库使用provide/injectprops父传子父组件向子组件传递数据：通过props属性将数据从父组件传递给子组件
fmk1023·2024-02-08 20:31

webpack与vue-cli

1、什么是WebpackWebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。2、为什要使用WebPack打包：减少了http请求数量，让页面加载和显示更快在开发后完成的这个合并的过程就是打包。webpack在打包过程中，会分析各个文件之间
波波仔86·2024-02-08 20:28

VUE动态路由菜单

vue-admin-template的菜单数据是写死的，可以改成数据库查询动态展示1保留基础路由特别注意，原配置中的*配置要注释或删除，否则后续配置完成后动态菜单刷新会报404错误，该配置需要在addRoutes
波波仔86·2024-02-08 20:28

webpack.config.js和vue.config.js

p纯手工搭建：webpack.config.js：constpath=require('path')const{VueLoaderPlugin}=require('vue-loader')constHtmlWebpackPlugin
辉娜·2024-02-08 20:28
上一页 58 59 60 61 62 63 64 65 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他