草庐IT

Vue-Instant

全部标签

基于Java+Vue+uniapp微信小程序校园外卖平台设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:随着信息技术在管理上越来越深入而广

Webapck 解决:[webpack-cli] Error: Cannot find module ‘vue-loader/lib/plugin‘ 的问题

1、问题描述:其一、报错为:[webpack-cli]Error:Cannotfindmodule'vue-loader/lib/plugin'中文为:[webpack-cli]错误:找不到模块“vue-loader/lib/plugin”其二、问题描述为:在项目打包的时候npmrunbuild,控制台报错,并抛出一个Cannotfindmodule'vue-loader/lib/plugin'的问题;其三、控制台报错的页面显示为:[webpack-cli]Failedtoload'D:\18otherProject\vue_todo\webpack.config.js'config[webp

Vue:关于插槽的详解

Vue:插槽Slot一、默认插槽1、代码演示2、语法二、具名插槽1、代码演示2、语法3、动态插槽名三、作用域插槽1、渲染作用域2、作用域插槽(实战应用)(1)finalList.vue(2)cardList.vue(3)card.vue(4)最终效果小结3、简单应用demo四、插槽的多层嵌套1、需求2、代码演示3、代码效果4、核心点一、默认插槽1、代码演示通过上述代码,我们至少了解以下2点:1.插槽里可以有默认内容,2.默认插槽,组件的内容会全部替换到插槽中2.父组件的数据也可以显示到子组件中(数据的作用域,后面作用域插槽会用到)2、语法定义插槽:插槽的默认内容使用插槽:内容全部替换到插槽中二

计算机毕设-SpringBoot+VUE高效便捷的云存储平台——百度网盘

作者主页:编程指南针作者简介:Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师主要内容:Java项目、Python项目、前端项目、人工智能与大数据、简历模板、学习资料、面试题库、技术互助收藏点赞不迷路 关注作者有好处文末获取源码 项目编号:一,环境介绍语言环境:Java: jdk1.8数据库:Mysql:mysql5.7应用服务器:Tomcat: tomcat8.5.31开发工具:IDEA或eclipse二,项目简介随着信息技术的不断发展,云存储作为一种高效便捷的数据存储方式,越来越受到人们的青

Vite4+Typescript+Vue3+Pinia 从零搭建(5) - 路由router

项目代码同步至码云weiz-vue3-templateVueRouter是Vue.js的官方路由。它与Vue.js核心深度集成,让用Vue.js构建单页应用变得轻而易举。1.安装npmivue-router@42.集成1.新建两页面进行示例在src/view下新建home.vue和login.vue,内容如下:defineOptions({name:'V-home'})homepagelogin.vue里修改下对应name即可2.src下新建router文件夹index.ts作为路由入口,static.ts作为静态路由,modules内还可以放入其他类型路由,整体目录结构如下:src|+---

vue中封装websocket,全局调用

项目场景:项目中多个地方,多个页面的数据需要同一个websocket实时推送.解决方案:第一步,全局创建一个global.js,定义全局变量exportdefault{ws:{},setWs:function(newWs){this.ws=newWs}}第二步,在main.js中引入global.js,并将global的文件挂载在vue实例上importglobalfrom"./utils/global.js";Vue.prototype.$global=global第三步,在入口也或者你的项目首页中初始化websocket,并在create()中调用以app.vue为例created(){/

【Vue + TS】项目架构、环境搭建 -------(Vite)安装初始化(一)

目录前言第一章安装Vite,本篇基于npm进行(请检测自己的node版本)第二章创建项目第三章项目配置第四章项目目录结构划分第五章CSS样式的重置第六章网络请求封装axios第七章状态管理(vuex/pinia)第八章区分开发环境和生产环境前言“学习能力也好,执行力也罢,核心只有一个:在刚开始的时候,平静地接受自己的笨拙。”本篇文章是Vue项目基于Vite初始化的过程,借此记录一下,巩固基础!第一章安装Vite,本篇基于npm进行(请检测自己的node版本)具体可看:Vite官方中文文档npminstall-gcreate-vite-app全局安装vite,可能会出现:npmWARNdepre

Vue-Cli安装和配置(全)

Vue-cli是Vue的脚手架,类似Java中的SpringBoot框架,用于搭建一个标准的项目。Vue-cli大大降低了webpack的使用难度,支持热部署,有webpack-dev-server的支持,相当于启动了一个请求服务器作为测试环境,我们只关注开发就可以了。目录安装和配置安装Node.jsnpm工具npm配置国内镜像(淘宝镜像)nrm工具安装Vue-Cli 可能出现的问题vue无法加载文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1因为在此系统上禁止运行脚本……解决办法无法将“node.exe”项识别为cmdlet、函数、脚本

Vue Element-UI 倒计时MessageBox的实现

需求:在MessageBox对话框中显示倒计时,倒计时结束后默认确定选择概述项目需要前端调用接口拨打IP电话,甲方需求在点击拨号的时候弹出确认框,并且显示倒计时,在倒计时结束后自动确认拨打电话。因为页面多处调用拨打电话方法,所以把拨打电话方法提取出公共方法,单独存放js文件中,所以需要使用服务的方式调用。因此选择Element-UI中的MessageBox。一、问题发现通过查看Element-UI中的MessageBox配置项中发现并没有适合的配置属性,而且需要根据倒计时修改读秒数据,所以只能在此基础上做新增功能。二、解决思路1.解决显示文字问题因为是在js文件中处理页面显示文字问题,考虑在显

vue 双向锚点实现 简易版(scrollIntoView)

一.需求:左边是内容板块,右边是目录结构,点击右边内容跳转到左边相应位置展示,滑动左边内容右边目录自动跳转。  二、实现:左边每一个内容模块都给一个ref和应该相同的class类名,方便获取dom;左边内容区域使用滑动事件@scroll="handleScroll",内容区域滑动即触发该方法;右边使用点击事件@click="goAnchor('anchor-'+index,index)"获取当前点击的dom;handleScroll()  滚动监听方法实现滑动左边内容对应上右边目录 goAnchor()右边锚点选中跳转相应内容区域,通过scrollIntoView({behavior:'smo