草庐IT

nodejs_vue

全部标签

web前端之拖拽API、上传多图片时拖拽排序、表格行或列拖拽排序、复制元素跨区域放置、拖放、投掷、若依、vuedraggable、sortablejs、element、plus、vue、ui

MENUvue3+element-plus+table+sortablejs实现行或列的拖拽web前端之实现拖拽放置、复制元素vue2+html5+原生dom+原生JavaScript实现跨区域拖放vue+element实现跨区域复制拖放vue2实现跨区域拖放vue2+mousedown实现全屏拖动,全屏投掷vue+element+vuedraggable实现拖拽排序vue3+element-plus+vuedraggable实现图片上传拖拽排序(若依)vue2+transition-group实现拖动排序原生拖拽排序vue3+element-plus+table+sortablejs实现行或

【OpenLayers】VUE+OpenLayers+ElementUI加载WMS地图服务

【OpenLayers】VUE+OpenLayers+ElementUI加载WMS地图服务准备工作安装vue创建vue项目安装OpenLayers安装ElementUI加载wms地图服务准备工作需要安装好nodejs,nodejs下载地址,下载对应的版本向导式安装即可。安装完成后,控制台输入node-v,显示版本号即安装成功。下载完成后,默认将缓存路径和下载路径设置的C盘,可以使用如下命令修改:npmconfigsetprefix"下载默认路径"npmconfigsetcache“缓存路径”设置之后需要将上面两个地址添加到环境变量中。安装vue#-g为全局安装,将安装到node_global目

vue3视频播放插件

1、效果图(网上随便找的视频用来测试的,所以有个水印)2、引入插件npm安装:npmivue3-video-play--saveyarn安装:yarnaddvue3-video-play--save3、项目中引入全局引入方式:在main.js中引入以下importvue3videoPlayfrom"vue3-video-play";//引入组件import"vue3-video-play/dist/style.css";//引入cssapp.use(vue3videoPlay);组件内引入方式:import"vue3-video-play/dist/style.css";import{vide

vue3.0 + element Plus点击按钮发送请求,添加loading加载状态

添加el-button发送请求设置isSending的初始值,在发送请求时修改isSending的值constisSending=ref(false)//在按钮点击时,将isSending的值改为trueconsthandleCheck=()=>{isSending.value=true;tableList()}//发送请求,将isSending的值改为falseasyncfunctiontableList(param){const{data}=awaitpostCollectCase(param);if(data){isSending.value=false;}}加载状态实例

基于vue.js校园浴室预约系统设计与实现(uni-app框架+PHP后台) 研究背景和意义、国内外现状

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式一、研究背景和意义随着高校人数的不断增加和校园设施资源的有限性,学生使用校园浴室时经常面临排队等候、时间冲突等问题。为了提高校园浴室的使用效率,减少学生的等待时间,并优化资

Vue 3 中安装并使用 Axios 详细步骤+样例代码详解

axios详细步骤在集成终端打开,使用npm或yarn安装Axios:npminstallaxios或yarnaddaxios这将在您的项目中安装Axios。在您的Vue3项目中创建一个用于发送HTTP请求的模块或文件,比如 http.js。在 http.js 文件中导入Axios:importaxiosfrom'axios';创建一个Axios实例,并进行必要的配置。您可以根据需要添加全局的默认配置和拦截器等。以下是一个简单的示例:consthttp=axios.create({baseURL:'http://api.example.com',//设置基础URL//其他配置...});这里的

vue+antvG6实现网络拓扑编辑功能

实现方法1.参照案例搭建框架参考链接:https://github.com/keman5/welabx-g62.造轮子1.自定义节点实现代码:G6.registerNode("card-node",{drawShape:functiondrawShape(cfg,group){constshape=group.addShape("rect",{attrs:{x:0,y:0,width:80,height:80,},//mustbeassignedinG63.3andlaterversions.itcanbeanystringyouwant,butshouldbeuniqueinacustomi

RuoYi-Vue前端部署,菜单点击无反应

问题原因:路由懒加载导致现象:登录功能正常,菜单点击无反应,F12查看无网络请求,控制台报错。解决方法1:修改permission.js文件修改为 解决方法2: (1)安装插件npminstall@babel/plugin-syntax-dynamic-import--save-dev(2)修改babel.config.js(3)正常打包发布。 

ruoyi 若依 前端vue npm install 运行vue前端

1.安装jdk​​​​​​​https://blog.csdn.net/torpidcat/article/details/905495512.nginxhttps://blog.csdn.net/torpidcat/article/details/979343023.mysqlhttps://blog.csdn.net/torpidcat/article/details/1102654904.redishttps://blog.csdn.net/torpidcat/article/details/123021796===================================首次导入

【大学生体质】图书管理系统(Vue+SpringBoot2)-完整部署教程【课设OR毕设提供API接口文档、数据库文件、README.MD、部署视频】

☀️新手必读本项目拥有完整的API后台接口文档(文尾)项目部署视频正在录制如果项目对您有所帮助,可以Star⭐一下,受到鼓励的我会继续加油。项目在线演示地址项目前端地址项目后端地址项目部署视频☀️技术栈介绍☃️前端主要技术栈技术作用版本Vue提供前端交互2.6.14Vue-Router路由式编程导航3.5.1Element-UI模块组件库,绘制界面2.4.5Axios发送ajax请求给后端请求数据1.2.1core-js兼容性更强,浏览器适配3.8.3swiper轮播图插件(快速实现)3.4.2vue-baberragevue弹幕插件(实现留言功能)3.2.4vue-json-excel表格导