草庐IT

Vue-Instant

全部标签

若依-plus-vue启动显示Redis连接错误

用的Redis是windows版本,6.2.6报错的主要信息如下:Failedtoinstantiate[org.redisson.api.RedissonClient]:Factorymethod'redisson'threwexception;nestedexceptionisorg.redisson.client.RedisConnectionException:UnabletoconnecttoRedisserver:127.0.0.1/127.0.0.1:6379org.redisson.client.RedisException:ERRAUTHcalledwithoutanypas

在Vue3项目中,输入没有路由对应的路径时候,怎么跳转到404或者首页

在一个Vue3应用中,通常情况下,我们使用VueRouter来处理路由。在VueRouter中,当用户请求输入一个不正确的URL路径时,没有路由与其相匹配,这时候会返回一个默认的404页面或者重定向到首页。因此,本文将通过以下几个方面来讨论如何在Vue3项目中实现这一功能。1.异步组件在Vue3中,我们可以使用异步组件来延迟加载路由组件,并在组件加载完成前显示一个加载指示器。异步组件可以通过函数返回一个promise来实现,该promise在组件加载成功后resolve。constExample=()=>import('./Example.vue')对于异步组件,当路由不能匹配时,VueRou

关于 Vue 项目性能优化技巧分享

前言Vue框架通过数据双向绑定和虚拟DOM技术,帮我们处理了前端开发中最脏最累的DOM操作部分,我们不再需要去考虑如何操作DOM以及如何最高效地操作DOM;但Vue项目中仍然存在项目首屏优化、Webpack编译配置优化等问题,所以我们仍然需要去关注Vue项目性能方面的优化,使项目具有更高效的性能、更好的用户体验。本文是作者通过实际项目的优化实践进行总结而来,希望读者读完本文,有一定的启发思考,从而对自己的项目进行优化起到帮助。本文内容分为以下三部分组成:Vue代码层面的优化;webpack配置层面的优化;基础的Web技术层面的优化。一、代码层面的优化1.1、v-if和v-show区分使用场景v

Springboot+vue学习——实现增删改查

关键技术:前端:Vue+Element+JQuery后端:Springboot+Springdatajpa项目流程:PartI:后端代码1.创建项目选择SpringInitializr,JDK选择1.8版本。导入三个包:SpringWeb——spring框架的核心类;SpringData JPA——整合数据库操作;MYSQLDriver——数据库驱动Maven使用默认Maven3。2..demo框架SpringBoot项目一般外层只有两个文件,pom.xml文件和src文件夹。        pom.xml文件的内容是Spring的一些依赖配置;        src文件夹的内容包括项目的大致

vue3项目打包和上线

一、vue3项目打包1.去掉项目中console.log和debugger在vite.config.ts文件中添加esbuild:{drop:["console","debugger"]}exportdefaultdefineConfig({esbuild:{//打包时去除console和debugger代码drop:["console","debugger"]},plugins:[AutoImport({resolvers:[ElementPlusResolver()],}),Components({resolvers:[ElementPlusResolver()],}),vue(),vue

尤雨溪都在推荐的 Vue 拖拽库!

最近看到尤雨溪推荐了一个基于Vue的拖拽库:VueDraggablePlus,本文就来看看这个拖拽库有什么特别之处!概念Sortablejs是一个非常流行的拖拽库,不过这个库的Vue3版本已经三年没更新了,可以说是已经跟Vue3严重脱节,所以诞生了这个项目,这个组件是基于Sortablejs的。在Sortablejs官方以往的Vue组件中,都是通过使用组件作为列表的直接子元素来实现拖拽列表,当使用一些组件库时,如果组件库中没有提供列表根元素的插槽,就很难实现拖拽列表,vue-draggable-plus完美解决了这个问题,它可以让你在任何元素上使用拖拽列表,可以使用指定元素的选择器,来获取到列

基于Java+Vue+uniapp微信小程序影院选座系统设计和实现

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

vue实现带样式的textarea输入框,contenteditable属性应用

提示:vue中使用contenteditable文章目录前言一、contenteditable什么是contenteditable:二、contenteditable的使用总结前言开发需求,研究了一下,做个记录分享。1、输入框文字提示带样式2、输入内容文字字体颜色为黑色3、查询操作完成后,未查询到的数据标红回显到输入框一、contenteditable什么是contenteditable: contenteditable属性指定元素内容是否可编辑。 个人理解就是元素标签加上这个属性就可以像input一样,可以输入内容了二、contenteditable的使用1、TextareaComponen

Jenkinsfile+Dockerfile前端vue自动化部署

前言本篇主要介绍如何自动化部署前端vue项目其中,有两种方案:第一种是利用nginx进行静态资源转发;第二种方案是利用nodejs进行启动访问;各个组件版本如下:Docker最新版本;Jenkins2.387.3nginx最新版本nodejs12.13.0nginx转发部署目录结构如下:nginx.confusernginx;worker_processes1;error_log/var/log/nginx/error.logwarn;pid/var/run/nginx.pid;events{worker_connections1024;}http{include/etc/nginx/mime

触发vue路由器/组件与下一个/上点击事件

我正在使用vue-cli,路由器。而且我有单独的组件。在下一个/上一个点击事件上,将从一个页面更改为另一页的最佳方法是什么?谢谢!//App.vueHomepageAboutPortfolioContactGotonextlinkGotopreviouslink//router/index.jsconstroutes=[{path:'/',component:home},{path:'/link_1',component:About},{path:'/link_2',component:Portfolio},{path:'/link_3',component:Contact},]看答案这是您可