草庐IT

Vue-Instant

全部标签

解决在Mac下使用npm报错:Error: EACCES: permission denied, mkdir ‘/usr/local/lib/node_modules/@vue‘

目录操作说明操作系统:macOS命令:npminstall-g@vue/cli❎报错内容:npmERR!Error:EACCES:permissiondenied,mkdir'/usr/local/lib/node_modules/@vue'原因说明:没有足够的权限在/usr/local/lib/node_modules目录下创建文件夹解决方法:方法1:使用npm的全局安装目录(推荐)方法2:使用sudo(不推荐)补充:安装nvm操作说明操作系统:macOS命令:npminstall-g@vue/cli❎报错内容:npmERR!Error:EACCES:permissiondenied,mkd

基于Java+SpringBoot+Vue前后端分离农产品直卖平台设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》​系统介绍:计算机网络发展到现在已经好几十年了,在理论上面已经有了很丰富的基础,并且在现实生活中也到处都在使用,可以说,经过几十年的发展,互联网技术已经把地域信息的隔阂给消除了,让整个

vue2/3项目中使用Vue Carousel 3D实现 Carousel 3D 轮播

项目需求大概是这个样子,这种并不能通过围成一周再旋转父级实现,因此图方便选择了组件轮播  vue2,可以直接使用 Playground-VueCarousel3D-3DCarouselforVue.js 进行改造成自己需要的样子。文档为英文,中文可参考这位Vue3D轮播插件vue-carousel-3d_memory_zzz的博客-CSDN博客以上API过少,可以使用ref绑定,通过onSlideChange打印出所有挂载的属性和函数   其中,goNext()和goPrev()为左右移位,goFar(index)和goSlide(index)可以跳到对应的位置,只是表现形式不同(个人浅显理解

竟然可以在一个项目中混用 Vue 和 React?

VeauryVeaury是一个基于React和Vue3的工具库,主要用于React和Vue在一个项目中公共使用的场景,主要运用在项目迁移、技术栈融合的开发模式、跨技术栈使用第三方组件的场景。Veaury的特点如下:同时支持Vue3和React,方便在一个项目中公共使用。支持同一个应用中出现的vue组件和react组件的context共享。支持跨框架的hooks调用,可以在react组件中使用vue的hooks,也可以在vue组件中使用react的hooks。可以解决React和Vue在公共使用时的代码重复、冗余的问题。在一个应用中可以随意使用React或者Vue的第三方组件,比如antd,el

基于Java+SpringBoot+Vue前后端分离医院资源管理系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》​ 系统介绍:互联网发展至今,无论是其理论还是技术都已经成熟,而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播,搭配信息管理工具可以很好地为人们提供服务。针对信息管理混乱,

Vue3 element-ui实现Pagination分页组件--封装分页

什么是Pagination分页组件?在B端的web开发中,分页组件或者叫分页器,是较为常用的控件之一,通常配合表格或列表,实现数据量大的情况下,分页拆解数据的功能。1.scrollTo和滚动视觉差HTMLDOM里面定义了scrollTo方法,用法:scrollTo(xpos,ypos),把内容滚动到当前的指定位置。但是这个充其量只能说是移动而不能说是滚动,似乎没有滑动的效果显示出来。好在JQuery提供了足够多方便的插件,其中一个就能够提供平滑滚动的功能插件叫做jquery.scrollTo.js,当然前提是首先包含jquery的库。而且它自己里面已经封装的很好了,只需要简单的调用作用在标签上

解决启动vue前端报错:npm ERR! Missing script: “serve“

目录一、遇到问题二、出现报错的两个原因 三、解决办法 一、遇到问题npmERR!Missingscript:"serve"npmERR! npmERR!Toseealistofscripts,run:npmERR! npmrunnpmERR!Acomplet

vue3项目使用signalr(长链接/服务端推送到客户端)

需求项目中需要服务端主动向客户端发送通知消息后端是.net6的webapi项目,前端是vue3全家桶项目,前后端分离这里使用signalR来实现,官网:ASP.NETCoreSignalR概述|MicrosoftLearn概念signalr会自动选择最合适的连接方法,所以使用signalr是优于websocket的。中心Hub:Hub是一种高级管道,允许客户端和服务器相互调用方法。服务端需要创建Hub来发送消息,客户端需要创建Hub来接受消息。服务端首先在配置文件program.cs中添加如下代码//signalrbuilder.Services.AddSignalR().AddJsonPro

Vue-router 3.x 参数传递看完让你明明白白!

目录概述路由传参的两大载体分类声明式路由【router-link】编程式路由【this.$router.push()】传参的方式1.通过params传递参数配置路由参数字段占位(编程式路由实现)配置路由参数字段占位(声明式路由实现)无需配置路由参数字段占位(编程式路由实现)无需配置路由参数字段占位(声明式路由实现)2.通过query传递参数通过router-link传递query参数通过编程式路由传递query参数3.使用props属性代理传递参数补充点概述Vue-routrer,页面路由跳转时,携带参数传递并拿取传递过来的参数,本文将详细讲解Vuerouter传递参数的多种方式;如果你还不了

Vue + Element UI 实现文本超出长度显示省略号,鼠标移上悬浮展示全部内容的方法

系列文章目录文章目录系列文章目录前言一、使用CSS实现省略号效果二、使用ElementUI的Tooltip组件实现悬浮展示全部内容1.安装ElementUI2.在组件中使用Tooltip组件总结前言在Vue项目中,经常需要处理文本内容过长的情况。本文将介绍如何使用Vue和ElementUI实现文本超出长度时显示省略号,并且鼠标移上后展示全部内容的效果。一、使用CSS实现省略号效果首先,我们可以使用CSS的text-overflow属性来实现文本超出长度时显示省略号。同时,设置white-space:nowrap;防止换行,以及overflow:hidden;隐藏多余的内容。在Vue组件的样式中