E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
vue3创建项目
Vue -
Vue3
封装组件(更新中...)
组件目录1、穿梭框DataTransfer2、按钮组3、顶部导航菜单4、弹窗组件5、特色按钮5、PDFWordExcel预览插件6、编辑器1、穿梭框DataTransfer示例应用示例组件代码import{ArrowLeft,ArrowRight,Search}from"@element-plus/icons-vue";import{computed,getCurrentInstance,onMo
青柠t
·
2024-02-08 06:39
笔记
前端
Vue-
Vue3
集成编辑器功能
1、安装依赖编辑器插件需要安装@wangeditor/editor和@wangeditor/editor-for-vue两个插件npminstall@wangeditor/editor--save
vue3
青柠t
·
2024-02-08 06:02
vue.js
编辑器
javascript
如何在
Vue3
使用 jsx & tsx
首先,恭喜一下React,再过4个月,就达成了两年无更新记录反观隔壁的Vue,稳定迭代更新之前写React的时候,最喜欢的是JSX/TSX语法,把HTML组件当做JavaScript/TypeScript代码片段处理constApp:React.FC=({title})=>{const[count,setCount]=useState(0);//return({title}Youclicked{c
楷鹏 : )
·
2024-02-08 05:10
react.js
javascript
ecmascript
vue
前端
Vue3
中使用element-plus菜单折叠后文字不消失
今天使用element-plus中国的导航菜单时,发现菜单栏折叠起来时文字不会自动消失,因为element-plus中内置了菜单折叠文字自动消失的,使用collapse=true/false即可,但在实际使用中出现了一下问题:折叠以后文字并没有消失,查资料说是el-menu子标签中不能含有div,但是排查了后也没有使用div,最后发现是因为我的一级导航没有包裹到标签中,因为是直接使用了一个简易的非
浮生若梦777
·
2024-02-08 05:57
vue.js
前端
elementui
Project 2019下载安装教程,保姆级教程,附安装包和工具
前言Project是一款项目管理软件,不仅可以快速、准确地
创建项目
计划,而且可以帮助项目经理实现项目进度、成本的控制、分析和预测,使项目工期大大缩短,资源得到有效利用,提高经济效益。
石用软件
·
2024-02-08 05:23
Project
SpringBoot整合Knife4j接口文档生成工具
SpringBoot整合Knife4j的步骤
创建项目
首先,通过IntellijIDEA创建一个springboot项目,命名为springboot-knife4
沐雨橙风ιε
·
2024-02-08 04:57
spring
boot
后端
java
普歌-云言团队-Spring Boot入门:使用向导,快速创建Spring Boot应用+https://start.spring.io报错的解决方法
快速创建一个SpringBoot应用,让它变的更简单.无论是IDEA,还是Spring官方推荐的STS,他们都支持使用Spring的创建向导,帮助我们快速创建SpringBoot应用我们以IDEA为例1.
创建项目
创建项目
小插曲
3Sansan
·
2024-02-08 04:51
[N-139]基于springboot,vue宠物领养系统
开发工具:IDEA服务器:Tomcat9.0,jdk1.8项目构建:maven数据库:mysql5.7系统分前后台,项目采用前后端分离前端技术:
vue3
+element-plus服务端技术:springboot
IT教程资源_
·
2024-02-08 02:02
javaweb毕设成品项目
开发工具
源码下载说明
spring
boot
vue.js
宠物
微信小程序个人中心页面开发
目录微信小程序
创建项目
配置底部导航栏微信小程序滚动播放内容微信小程序功能中心模块开发微信小程序个人中心页面开发微信小程序获取电话号码微信小程序显示列表数据微信小程序显示分页列表微信小程序添加插屏广告微信小程序添加激励式广告最终效果可扫码查看遇到问题可通过公众号留言反馈概述写一个非常简单的个人中心页面
lootaa
·
2024-02-08 02:27
从头搭建微信小程序
微信小程序
小程序
微信小程序显示列表数据
目录微信小程序
创建项目
配置底部导航栏微信小程序滚动播放内容微信小程序功能中心模块开发微信小程序个人中心页面开发微信小程序获取电话号码微信小程序显示列表数据微信小程序显示分页列表微信小程序添加插屏广告微信小程序添加激励式广告最终效果可扫码查看遇到问题可通过公众号留言反馈概述列表数据分为两篇
lootaa
·
2024-02-08 02:27
从头搭建微信小程序
微信小程序
小程序
前端
初识Vue-cli
1.安装打开cmd,输入npminstall-g@vue/cli2.
创建项目
打开vsCode终端,输入vuecreatedemo(名字小写),然后选择自己所需的,点回车效果项目创建成功创建成功运行的话在终端输入
rdm任
·
2024-02-08 02:10
vue3
-内置组件-KeepAlive
KeepAlive是一个内置组件,它的功能是在多个组件间动态切换时缓存被移除的组件实例。基本使用默认情况下,一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时,会创建一个只带有初始状态的新实例。在下面的例子中,你会看到两个有状态的组件——A有一个计数器,而B有一个通过v-model同步input框输入内容的文字展示。尝试先更改一下任意一个组件的状态,然
王大可996
·
2024-02-08 01:39
vue3
vue.js
前端
javascript
vue
vue3
- 15.keepAlive缓存组件
vue3
-keep-alive组件缓存首先keep-alive是
vue3
内置的组件,作用是对组件的数据进行缓存,这样可以优化性能,减少数据重新渲染或数据重新请求,提升用户体验我们新建两个组件,在每一个组件里面写一个
啦啦朵朵
·
2024-02-08 01:39
vue.js
前端
javascript
vue3
中的内置组件KeepAlive
是一个内置组件,它的功能是在多个组件间动态切换时缓存被移除的组件实例。注意:KeepAlive只应用于动态组件,静态组件不可以一、基本使用1、创建keepAlive的页面defineAsyncComponent的作用:在需要时从服务器加载相关组件markRaw作用:标记一个对象,使其永远不会再成为响应式对象应用场景:有些值不应被设置成响应式时,例如复杂的第三方类库等当渲染具有不可变数据源的大列表时
雁落成空
·
2024-02-08 01:39
vue3
详解与应用
前端
vue
elementui
vue3
:26—新的内置组件
目录TeleportSuspenseTeleport什么是Teleport?Teleport是一种能够将我们的组件html结构移动到指定位置的技术当在元素中的css使用了filter滤镜属性的时候,会导致内部fixed元素定位发生错误,即不再相对viewport进行定位,而是相对整个filter属性的容器元素(父元素)进行定位。这个时候就需要用到teleport了。我是一个弹窗我是弹窗中的一些内容
有蝉
·
2024-02-08 01:54
vue3
前端
vue.js
javascript
vue3
:27—全局API转移到应用对象
app.componentapp.configapp.directiveapp.mountapp.unmountapp.usemain.tsimport{createApp}from'vue'importAppfrom'./App.vue'importHellofrom'./Hello.vue'//创建应用constapp=createApp(App)//全局组件app.component('He
有蝉
·
2024-02-08 01:54
vue3
vue.js
前端
javascript
vue3
:28— Vue 2 对 Vue 3 的所有非兼容性改变。(
vue3
学习笔记终)
非兼容性改变|
Vue3
迁移指南过渡类名v-enter修改为v-enter-from、过渡类名v-leave修改为v-leave-from。keyCode作为v-on修饰符的支持。
有蝉
·
2024-02-08 01:54
vue3
vue.js
javascript
前端
vue3
:24—组件通信方式
目录1、props2、自定义事件(emit)3、mitt(任意组件的通讯)4、v-model【封装ui组件库用的多,平时用的少。和vue2有点不同】5、$attrs6、$refs和$parent7、provide和inject8、pinia(即vue2中的vuex)9、插槽默认插槽具名插槽作用域插槽(ui组件库用得多)10、总结1、props子组件也可以如下调用父组件的方法2、自定义事件(emit
有蝉
·
2024-02-08 01:23
vue3
前端
javascript
开发语言
Vue 未解决问题的结果
1.在利用cli3
创建项目
时,具名插槽的使用无法显示,也没有报错在vue.2.6.3版本以后插槽的使用方法略改,匹配name属性时:必须在template中标注形式v-slot:xxx2.当我想要将父组件中的图片填充进插槽该怎么做
Guangchao
·
2024-02-08 01:54
IDEA2023SpingBoot只能勾选17和21
解决我们只知道IDEA页面创建Spring项目,其实是访问springinitializr去
创建项目
。故我们可以通过阿里云国服去间接创建Spring项目。
无心睡眠s
·
2024-02-08 00:31
spring
boot
Vue3
实现列表循环
今天小编和大家一起在Vue的路上探索,要实现的功能是这样的。现将默认数组内的渲染到页面上,然后点击按钮之后,将文本框内的数据添加到列表上,效果如下源码是这样的,下面我就结合代码中的注释来说明一下核心的代码Vue.createApp({data(){return{list:['item1','item2','item3','item4'],//绑定v-for循环的列表inputVal:""//绑定文
飞鹰3995
·
2024-02-08 00:52
Vue3.0
vue全局自适应大小: postcss-pxtorem,vue2
vue3
通用适配
1.安装postcss-pxtorem插件npminstallpostcss-pxtorem-D如果运行项目后报错PostCSSpluginpostcss-pxtoremrequiresPostCSS8.需要降低postcss-pxtorem的版本卸载默认安装的版本npmuninstallpostcss-pxtorem安装指定版本
[email protected]
番外:不推荐pos
佛係老李
·
2024-02-08 00:37
前端
vue.js
postcss
javascript
前端
Vue3
自定义PostCss插件
Vue3
自定义PostCss插件插件功能:实现自动转px为vw功能1.创建插件ts文件2.tsconfig.node.json引入插件3.vite.config.ts增加插件配置4.编写插件内容5.示例插件功能
*郑*
·
2024-02-08 00:06
前端
postcss
前端
javascript
前端vite+
vue3
——自动化配置路由布局
文章目录⭐前言
vue3
系列文章⭐自动化配置路由引入vite版本自定义目录映射自动化读取文件下的路由main入口加载路由入口app.vue配置layout基础布局配置效果⭐总结⭐结束⭐前言大家好,我是yma16
yma16
·
2024-02-07 23:52
web站点
vue专栏
自动化
vue3
javascript
vite
前端
推荐一个支持 PC 和移动端,支持 animate 的所有动画效果,支持图片懒加载的
vue3
瀑布流插件
直接上链接https://www.npmjs.com/package/vue-waterfall-plugin-next
给钱,谢谢!
·
2024-02-07 23:21
vue.js
前端
javascript
vue3
.x的自定义指令动态指令参数
1.
vue3
.x的自定义指令参数import{createApp}from'vue';importAppfrom'.
你大爷的,这都没注册了
·
2024-02-07 23:11
vue
vue.js
javascript
前端
基于
Vue3
搭建的低代码数据可视化开发平台
结尾有链接整体介绍框架:基于
Vue3
框架编写,使用hooks写法抽离部分逻辑,使代码结构更加清晰;类型:使用TypeScript进行类型约束,减少未知错误发生概率,可以大胆修改逻辑内容;性能:多处性能优化
神码观察
·
2024-02-07 23:26
开源推荐
信息可视化
go modules使用
创建项目
在使用GoLand
创建项目
的时候,会自动创建对应的go.mod文件。创建完后创建文件创建一个main.go的文件,里面print一个helloworld。
雪球干死黄旭东
·
2024-02-07 23:56
Z类分类_Golang
golang
开发语言
后端
vue3
前端实现全屏显示,元素垂直填满页面
1、toggleFullscreen方法实现选定元素全屏展示2、使用flex属性+flex-direction实现垂直布局填满整个页面全屏import{ref,onMounted,onUnmounted}from'vue'import*asechartsfrom'echarts'exportdefault{name:'App',setup(){constcountData=ref([])onMou
土豆丶杨
·
2024-02-07 22:21
前端
vue.js
elementui
vue3
导出Excel
安装包:xlsxfile-saversrc/utils/Export2Excel.js/*eslint-disable*/import{saveAs}from'file-saver'import*asXLSXfrom'xlsx'functiongenerateArray(table){varout=[];varrows=table.querySelectorAll('tr');varranges=
土豆丶杨
·
2024-02-07 22:20
excel
javascript
前端
vue前端展示代码块
使用vue-prism-editor包
vue3
使用npminstallvue-prism-editor@alphanpminstallprismjs需要用到此组件templatejsimport{PrismEditor
土豆丶杨
·
2024-02-07 22:50
VUE学习
前端
vue.js
javascript
Vue-cli
Vue-cli安装和卸载安装1、安装淘宝镜像2、全局安装webpack3、安装vue4、全局安装vue-cli(有低版本和高版本两种)查看卸载
创建项目
安装执行如下指令1、安装淘宝镜像npminstall-gcnpm
EmmaGuo2015
·
2024-02-07 22:14
vue.js
前端
javascript
scrapy 初体验并写入csv(学习记录)
创建爬虫创建包进入包
创建项目
cd项目创建爬虫修改设置二。初体验三。学习笔记2.yieldrequestitemnone记得去setting打开通道!
嚄825
·
2024-02-07 19:32
scrapy
学习
python
03 动力云客项目之登录功能后端实现
1准备工作1.1
创建项目
使用Springinitializr初始化项目老师讲的是3.2.0,但小版本之间问题应该不大.1.2项目结构根据阿里巴巴Java开发手册确定项目结构1.3分层领域模型【参考】分层领域模型规约
SunsPlanter
·
2024-02-07 18:37
动力云客项目
java
Vue3
中使用 defineAsyncComponent 延迟加载组件
使用
Vue3
的defineAsyncComponent特性可以让我们延迟加载组件。这意味着它们仅在需要时从服务器加载。
lio_zero
·
2024-02-07 18:31
vue.js
前端
javascript
ecmascript
前端框架
vue3
使用defineAsyncComponent与component标签实现动态渲染组件
内容有些啰嗦,内容记载了当时遇到了bug以及解决问题的思路。业务场景简述:前端做配置化组件,通过url内的唯一标识,请求后端sql哪取页面配置信息,前端通过配置信息动态渲染查询表单,导出、表格,toolbar以及动态弹窗;该动态渲染组件的功能,就是渲染的toolbar内的按钮,类型为自定义弹窗,弹窗路径为后端配置数据,前端通过点击该按钮,打开指定路径下的弹窗组件。之前用的vue2的动态挂载组件,也
小何开发
·
2024-02-07 18:31
vue系列
前端
vue.js
javascript
前端
Error: Catch all routes (“*“) must now be defined using a param with a custom regexp.
问题vue页面404适配过程中遇到这样一个问题,Error:Catchallroutes("*")mustnowbedefinedusingaparamwithacustomregexp.我用的是
vue3
.2
富朝阳
·
2024-02-07 18:29
错误处理
前端
javascript
vue
vue-router
vue3
使用defineAsyncComponent 动态加载组件
问题场景在项目中使用静态加载组件基本能覆盖80%的场景了,如下图但是我们在需要循环生成一些的component的时候或者在开发ssr服务端渲染的页面就会遇到有些组件以静态方式导入就会报错,导致进程失败,那么这时候就需要用到动态组件。那么怎么去实现动态使用呢?一、defineAsyncComponent函数Vue提供了defineAsyncComponent方法来实现此功能,该方法接收一个返回Pro
富朝阳
·
2024-02-07 18:27
Vue
vue.js
javascript
动态import
动态加载组件
延迟加载组件
[
vue3
快速入门] 16.v-model表单输入绑定
我们之前使用过v-model来双向绑定input的值,这节课我们简单介绍一下其他表单类型使用v-model,内容可能长一点,大家简单过一遍就行了,用到时候再去官网查也不晚。1.input文本框input中的内容是:{{message}}2.textarea多行文本textarea中的内容是:{{messageTextArea}}3.checkbox复选框1)单个复选框{{singleChecked
林哥学前端
·
2024-02-07 17:00
vue3
学习笔记之Transition&TransitionGroup
文章目录Transition&TransitionGroup动画组件1.Transition1.1TransitionAPI1.2基于CSS的过渡效果自定义过渡class+Animate动画库同时使用transition和animation深层级过渡与显式过渡时长duration(总持续时间)1.3JavaScript钩子+GreenSock库案例1.4可复用过渡效果1.5出现时过渡(appear
凡小多
·
2024-02-07 17:04
vue
学习
vue.js
typescript
vue3
-内置组件-Transition
基于状态变化的过渡和动画(常用)建议多看几遍~~。然后动手去写写,学编程只有多动手才能有感觉。内置组件:它在任意别的组件中都可以被使用,无需注册。Vue提供了两个内置组件,可以帮助你制作基于状态变化的过渡和动画:会在一个元素或组件进入和离开DOM时应用动画。本章节会介绍如何使用它。会在一个v-for列表中的元素或组件被插入,移动,或移除时应用动画Transition进入或者离开的动画由v-if所触
王大可996
·
2024-02-07 17:02
vue3
前端
javascript
vue.js
vue
vue3
transition-group详解
vue3
transition-group详解一、transition-group二、平移过渡动画三、总结transition-group组件是一个非常有用的工具,可以在Vue应用中实现过渡效果。
小钱999
·
2024-02-07 17:02
Vue3
vue.js
前端
javascript
vue3
-插件
插件插件(Plugins)是一种能为Vue添加全局功能的工具代码。安装一个插件在main.ts或者main.js中的入口文件内import { createApp } from 'vue'const app = createApp({})app.use(myPlugin, { /* 可选的选项 */})一个插件可以是一个拥有install()方法的对象,也可以直接是一个安装函数本身。安装函数会接
王大可996
·
2024-02-07 17:32
vue3
vue.js
vue
前端
javascript
Vue3
跨域代理设置
Vue3
中,就不要再使用什么vue.config.js文件来配置跨域代理了
Vue3
的项目,在通过vite来
创建项目
之后,会自动创建一个vite.config.js文件,跨域的代理就可以在这个文件中配置了
Leo_DLi
·
2024-02-07 17:31
vue.js
前端
javascript
Koa项目搭建----从零搭建Koa项目
最近发现使用Koa
创建项目
的博客比较多,但是不够细致,为方便自己和他人,遂整理本博客。
Leo_DLi
·
2024-02-07 17:30
Node
node.js
Koa
Koa2
React项目打包之后显示空白页
环境说明:React16React官网
创建项目
方式npmrunbuild打包之后,页面空白.解决方案:package.json文件中添加homepage字段:
Leo_DLi
·
2024-02-07 17:00
Web前端
React
react
vue3
-内置组件-TransitionGroup
是一个内置组件,用于对v-for列表中的元素或组件的插入、移除和顺序改变添加动画效果。与的区别支持和基本相同的props、CSS过渡class和JavaScript钩子监听器,但有以下几点区别:默认情况下,它不会渲染一个容器元素。但你可以通过传入tagprop来指定一个元素作为容器元素来渲染。过渡模式在这里不可用,因为我们不再是在互斥的元素之间进行切换。列表中的每个元素都必须有一个独一无二的key
王大可996
·
2024-02-07 17:59
vue3
vue.js
前端
javascript
vue
Vue 3 + Koa2 + MySQL 开发和上线部署个人网站
Vue3
+Koa2+MySQL开发和上线部署个人网站记录个人的一个操作步骤,顺序不分先后,嫌啰嗦请出门右转!
Leo_DLi
·
2024-02-07 17:29
Web前端
Vue
Node
mysql
前端
Koa2
Vue
vue3
+Element-plus el-pagination分页组件英文如何转换为中文
解决方案如下:在main.js中导入相应的包,引入zhCn,在使用时添加语言,代码如下:import{createApp}from'vue'importpiniafrom'@/stores/index'importAppfrom'./App.vue'importrouterfrom'./router'import'./assets/main.scss'//自己的样式尽可能的往下放import*as
张小瑜
·
2024-02-07 16:00
vue3
vue
前端
vue.js
javascript
vue3
父子组件传值defineProps,子组件回调方法defineEmits
父组件父子组件传值defineProps,子组件回调方法defineEmits父组件修改值子组件跟着变化,无论数组换是对象这是子组件给父组件传值:{{childToFatherData}}1ref和组件名称不要相同2ref需要先被定义import{ref,onMounted,reactive}from"vue";importhomeComfrom"./child.vue";//变量constid=
前端小云儿
·
2024-02-07 16:00
vue技能提升
javascript
前端
开发语言
上一页
14
15
16
17
18
19
20
21
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他