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
markdown编辑器vue3
关于
Vue3
里面的getCurrentInstance:可以获取挂载在全局的属性和获取上下文
Vue3
getCurrentInstance与ts结合使用的问题一、不能使用getCurrentInstance的ctx我们在获取
Vue3
中全局挂载的方法时会这么写:这里的ctx不是setup提供的ctxconst
口袋の的天空
·
2024-01-24 21:44
vue3.0
ts
前端
vue3
项目+TypeScript前端项目——
vue3
中的组件通信方式
一.
vue3
中的组件通信方式比如:vue2组件通信方式**props:**可以实现父子组件、子父组件、甚至兄弟组件通信自定义事件:可以实现子父组件通信全局事件总线$bus:可以实现任意组件通信,很重要*
口袋の的天空
·
2024-01-24 21:42
vue3.0
前端
typescript
vue3
Vue3
前端学习(登陆界面,input 与 button的使用)
1.router-view跳转APP.vue可以类比主函数理解,里面可以写很多内容,但这是个很局限的做法,只适合学习一些前端知识点时候使用,不适合做项目。于是我们使用将要写的内容拆分开,理解为拆成诸多函数。在函数里实现相关功能。于是APP.vue写的很简单,因为他只实现路由功能2.呈现一个登陆界面(纯前端)LoginVue.vue一个登陆界面账号:密码:登录申请注册IamElButtonimpor
Sonaldo7
·
2024-01-24 20:31
前端
学习
前端
学习
vue.js
vue
Vue3
常用方法和组件
目录
VUE3
+TS【方法】文件下载【组件】二次封装`ElMessageBox`【方法】格式化时间【组件】导入单个文件,再次导入可替换,可回显【组件】同上单个上传组件【组件】封装展示表格和可修改表格【方法
小阮的学习笔记
·
2024-01-24 18:56
javascript
前端
vue.js
vue3
.0路由route/router的使用
注意vue-router版本,我用的是"vue-router":"^4.0.0-alpha.6"官网的使用步骤//1.Defineroutecomponents.//ThesecanbeimportedfromotherfilesconstHome={template:'Home'}constAbout={template:'About'}//2.Definesomeroutes//Eachrou
小阮的学习笔记
·
2024-01-24 18:25
vue
Vue3
+TS+dhtmlx-gantt实现甘特图
实现样式因为只做展示,所以实现很简单实现功能自定义列头增加斑马线,实际结束时间(自定义实现)自定义进度展示,根据层级让进度背景颜色变浅marker标记今天自定义提示框内容实现import{gantt}from"dhtmlx-gantt";//引入模块import{ref}from"vue";importdayjsfrom"dayjs";import{WorkGantt}from"@/api/inf
小阮的学习笔记
·
2024-01-24 18:21
甘特图
vue.js
javascript
第九章 vue 进阶篇 Element Plus 基本使用
element-ui是基于vue开发的一套ui组件库,提供丰富的网页开发组件,可用快速开发网站,降低前端开发成本版本element目前有两个版本element-ui:基于vue2element-plus:基于
vue3
运维-大白同学
·
2024-01-24 18:14
python
vue.js
javascript
前端
vue Pinia 全局主题切换
文章目录vuePinia全局主题切换基本环境结果展示过程解析vuePinia全局主题切换目的:实现单页面上切换主题,例如关灯或开灯;环境:
vue3
.0+vite+Pinia基本环境//tsconfig.json
宿命小人
·
2024-01-24 17:28
vue.js
前端
Vue3
ref与reactive
✨专栏介绍在当今Web开发领域中,构建交互性强、可复用且易于维护的用户界面是至关重要的。而Vue.js作为一款现代化且流行的JavaScript框架,正是为了满足这些需求而诞生。它采用了MVVM架构模式,并通过数据驱动和组件化的方式,使我们能够更轻松地构建出优雅而高效的Web应用程序。在本专栏中,我们将深入学习Vue.js的核心概念、组件开发、状态管理、路由和性能优化等方面的知识。无论你是初学者还
俊刚、
·
2024-01-24 10:11
Vue
前端
javascript
vue.js
Vue3
【
vue3
$refs和特殊attr:ref 】获取子组件实例 & 规范获取Dom元素;(统称模板引用)
#ref(内置的特殊attribute)预期值string|Functionref用来给元素或子组件注册引用信息。注册内容会在父组件的$refs对象上。如果在普通的DOM元素上使用,引用指向的就是那个DOM元素;如果用在子组件上,引用就指向组件实例!关于ref的重要说明:在初始化组件时你不能访问ref绑定的对应内容——它们还不存在!$refs也是非响应式的,因此你不应该试图用它在模板中做数据绑定。
oumae-kumiko
·
2024-01-24 09:31
vue
javascript
前端
vue.js
前端
javascript
Vue3
获取Dom元素与子组件
现在在
Vue3
时代,需要稍微改变一点点方法,但是还依然使用ref来获取。
绝对零度HCL
·
2024-01-24 09:00
vue3.0
vue.js
前端
Vue3
前端开发,如何获取组件内dom对象以及子组件的属性和方法
Vue3
前端开发,借助Ref来获取组件内dom对象,借助defineExpose编译宏可以获取到子组件的属性和方法。
yrldjsbk
·
2024-01-24 09:28
VUE3
前端
javascript
vue.js
vue3
+Element plus实现登录功能
一、想要实现的效果二、搭建登录静态1、实现左边背景和右边登录栏的总体布局布局:2、账号密码登录和手机号码登录切换使用组件实现:3、其他省略4、全部代码:JinPiKa全球最大的代码托管平台忘记密码登录其他登录方式三、封装接口1、首先需要对axios进行一个二次封装,实现请求和响应拦截器,在utils文件夹(一般用于存放封装的文件)下创建一个request.ts文件,importaxiosfrom'
czy陈泽宇
·
2024-01-24 08:05
vue.js
javascript
前端
【前端小点】
Vue3
中的IP输入框组件
本文章记录,如何在
vue3
项目开发中,使用ip输入框组件.之前写过vue2版本的ip组件,为了更好的适应
vue3
,此次进行
vue3
代码重写先上效果图:禁用效果图:主要是组件的开发,代码如下,可直接拷贝使用
小球学前端
·
2024-01-24 07:10
前端小点
vue
项目经验
前端
tcp/ip
网络协议
vue3
项目中如何输出webpack的config.js
C:\Users\easygoo>d:D:\>cd
vue3
\case1D:\
vue3
\case1>dir驱动器D中的卷是V9卷的序列号是96FC-9BACD:\
vue3
\case1的目录2021-05-
it农民2
·
2024-01-24 07:59
vue.js
web
app
vue3
npm i 一直卡到不动
一.首先node版本要18.0及以上查看node版本并安装指定版本二.查看npm镜像源以及指定安装npm的镜像三.删除项目中的package-lock.json文件最好是把node_modules安装包也删除掉,然后npmi就可以了
尚梦
·
2024-01-24 07:50
npm
前端
node.js
vue.js
Vue3
setup 介绍
✨专栏介绍在当今Web开发领域中,构建交互性强、可复用且易于维护的用户界面是至关重要的。而Vue.js作为一款现代化且流行的JavaScript框架,正是为了满足这些需求而诞生。它采用了MVVM架构模式,并通过数据驱动和组件化的方式,使我们能够更轻松地构建出优雅而高效的Web应用程序。在本专栏中,我们将深入学习Vue.js的核心概念、组件开发、状态管理、路由和性能优化等方面的知识。无论你是初学者还
俊刚、
·
2024-01-24 06:10
Vue
Vue3
javascript
前端
vue.js
vue3
中组合键实现换行
vue3
中组合键实现换行需求背景有一个聊天室功能,采用输入框的形式,输入完毕使用Enter,可以直接进行发送。
推开世界的门
·
2024-01-24 06:57
vue.js
javascript
前端
vue3
组合式API小结
2、组合式API,我们可以使用导入的API函数来描述组件逻辑创建
vue3
项目node本版:node16.x.x,脚手架:create-vue脚手架工具,底层vite创建
vue3
项目:npminit
chunchun_H
·
2024-01-24 06:00
javascript
前端
vue.js
Vue使用
markdown编辑器
Vue使用
markdown编辑器
1.安装npminstallmavon-editor-S2.main.js全局注册importmavonEditorfrom'mavon-editor'import'mavon-editor
迟意..
·
2024-01-24 06:56
vue.js
编辑器
前端
Vue组件插槽以及vuex初识
slot-scope父组件使用slot-scope接收插槽传过来的值slot-scope的方式可以使用template也可以直接写在元素上我是插槽1--{{scope.msgv}}在vue2.6之后出现了v-slot在
vue3
冲锋敢死曾小贤
·
2024-01-24 05:41
Vue3
当中通过script和defineOptions两种方式指定组件的name
在
vue3
当中,当使用setup语法糖时,我们没有办法在script当中添加一个name属性,但是可以采取其他的方式来实现,代码如下:使用两个script块import{onMount
@二十六
·
2024-01-24 04:18
vue.js
javascript
前端
defineOptions
vue3
源码解读--ref
目录vue2源码
vue3
源码示例源码上一节我们了解了setup的运行逻辑,它确实能很好的将setup中返回的值显示到template中,但是当我们想要在代码中改变它时,却发现是无效的,原因可能是没有进行依赖收集的缘故
习惯水文的前端苏
·
2024-01-24 04:54
vue3
知识点大全
选项api和组合式api1、optionsAPI:在对应的属性中编写对应的功能模块;比如data定义数据、methods中定义方法、computed中定义计算属性、watch中监听属性改变缺点:实现一个功能时,功能对应的代码逻辑会被拆分到各个属性中,当组件复杂的时候,逻辑关注点的列表就会增长,同一个功能的逻辑就会被拆分的很分散,这种碎片化的代码使得理解和维护这个都复杂的组件会很困难,并且隐藏了潜在
前端fighter
·
2024-01-24 03:04
vue.js
前端
javascript
UVeiw 组件的使用(更多自定义案例和解决方案),
Vue3
+ts 版本 #Selected组件 #Vue 3 # Ts
select打开onMounted(()=>{//TODO完善流程loadCompanyInfo()}//弹出控件constshow=ref(false);//这种情况需要指定range-key为cateName,否则组件不知道该显示对象的哪个属性constlist=ref([]);//constselected=ref()//选中后的方法回调TODO:自定义逻辑处理constconfirm=(s
Light-ing
·
2024-01-24 02:36
Vue
vue.js
javascript
前端
vue源码(一)
搭建环境获取地址:GitHub-vuejs/vue:ThisistherepoforVue2.For
Vue3
,gotohttps://github.com/vuejs/core安装依赖:npmi安装rollup
Goat恶霸詹姆斯
·
2024-01-24 02:56
vue.js
前端
javascript
知识笔记(九十四)———
vue3
中的菠萝能吃吗?
开个玩笑,这里说的菠萝不是吃的,是
vue3
中的状态管理器(pinia)
Vue3
Pinia使用在学习Vue2的一定都知道,在vue2版本中,如果想要使用状态管理器,那么一定是集成Vuex,首先说明一点,Vuex
瑞崽崽崽
·
2024-01-24 01:18
笔记
vue.js
javascript
echart+
vue3
实现世界地图和数据轮播
汉化版世界地图资源百度网盘链接:世界地图提取码:7952废话不多说,先上图,在上代码,留个小红心再走,附件赠送一个汉化版世界地图json文件,不好意思,csdn抽经文件不让上传,需要汉化版的世界地图文件的可以留言~图一:图二:国际经营看板import*asechartsfrom'echarts'importworldMapfrom'/@/assets/json/other/world_zh.ts'
一路从容
·
2024-01-24 00:55
echarts
前端
javascript
vue.js
Vue3
QRCode生成
npminstallvue-qr--save二.引用与使用引用//importvueqrfrom'vue-qr'vue2的引入importvueqrfrom'vue-qr/src/packages/vue-qr.vue'//
vue3
朝阳若蓝
·
2024-01-23 22:08
#
L4:Vue
vue.js
qrcode
Vue3
+ ts的使用(选项式API,组合式API)
一.IDE的配置1.VSCode插件安装搜索@builtintypescript2.点击“TypeScriptandJavaScriptLanguageFeatures”右下角的小齿轮,然后选择“Disable(Workspace)”3.重新加载工作空间。Takeover模式将会在你打开一个Vue或者TS文件时自动启用。二.依赖的安装vueaddtypescript三.使用语法1.不加setup的
朝阳若蓝
·
2024-01-23 22:08
#
L4:Vue
vue3
ts
Vue3
的computed和watch
目录1、computed2、computed完整写法3、watch4、watch监听对象具体属性5、watch监听reactive数据1、computed基于现有的数据计算出新的数据import{ref,computed}from'vue'constnum=ref(1)constdoubleNum=computed(()=>{returnnum.value*2})constgoods=ref([{
诗霖雪
·
2024-01-23 22:56
vue笔记
vue.js
前端
javascript
vue3
的watchEffect和watch其他参数
目录1、watchEffect基本使用2、watch与watchEffect的异同3、watch其他参数使用1、watchEffect基本使用1回调函数立即调用2回调函数依赖的数据都会被监控3深度监控num++import{watchEffect,ref,reactive}from'vue'//watchEffect监控数据constnum=ref(10)constobj=reactive({na
诗霖雪
·
2024-01-23 22:56
vue笔记
前端
javascript
vue.js
Vue3
setup()的非语法糖和语法糖的用法
1、setup()的语法糖的用法script标签上写setup属性,不需要exportdefault{}setup()都可以省创建每个属性或方法时也不需要return导入某个组件时也不需要注册//script标签上写setup属性,不需要exportdefault{}setup()都可以省import{ref}from'vue'//组合式api//创建响应式数据age,初始值是10constage
诗霖雪
·
2024-01-23 22:55
vue笔记
前端
javascript
vue.js
一文掌握
vue3
.2
一文掌握
vue3
.2前言1、setup语法糖1.1defineProps1.2defineEmits1.3defineExpose2、ref、reactive创建响应式数据3.1ref3.2reactive3
#GZ
·
2024-01-23 22:45
javascript
vue.js
前端
Vue 3 + Ts 生命周期钩子函数的使用 #onShow() #onMounted()
#1.
Vue3
+Ts关于onShow()的使用在
Vue3
中,onShow是一个生命周期钩子函数,用于在组件显示时执行特定的逻辑。在setup语法糖中,可以使用onShow来实现类似的功能。
Light-ing
·
2024-01-23 22:15
前端
Vue
vue.js
javascript
前端
Vue3
+Vite 利用postcss-pxtorem移动端适配
1.介绍postcss-pxtorem是PostCSS的插件,用于将像素单元生成rem单位。前端开发还原设计稿的重要性毋庸置疑,目前应用的单位最多还是rem,然而每次在制作过程中需要自己计算rem值,为了能够直接按照设计图的尺寸开发,并且能自动编译转换成rem,下面就来分享下postcss-pxtorem的使用。介绍amfe-flexibleamfe-flexible是配置可伸缩布局方案,主要是将
哒哒哒Q
·
2024-01-23 21:56
postcss
vue.js
前端
关于富文本编辑器wangeditor在
vue3
中的使用
1.安装npminstall@wangeditor/editor--savenpminstall@wangeditor/editor-for-vue@next--save安装以上两个包2.引入进行使用注释:valueHtmlCount:编辑里的内容,为富文本字符串editorRef:工具栏实例toolbarConfig:工具栏配置文件editorConfig:编辑器菜单配置文件onCreated:
哒哒哒Q
·
2024-01-23 21:26
vue.js
富文本编辑器
上传图片到阿里云
wangeditor
vue3
+vite 封装axios请求
vue3
+vite封装axios请求安装axios创建axios实例封装请求方式封装请求接口vue中调用安装axiosnpminstallaxios创建axios实例//http/index.jsimportaxiosfrom'axios'import
小李不小
·
2024-01-23 21:28
快速打通 Vue 3(五):详解 Vue 中的路由
08.路由很激动进入了
Vue3
的学习,作为一个已经上线了三年多的框架,很多项目都开始使用
Vue3
来编写了这一组文章主要聚焦于
Vue3
的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue
*Soo_Young*
·
2024-01-23 20:19
vue.js
前端
javascript
Vue3
:拖拽功能(可用于from,table)
在一些项目中,可能需要做一些定制化开发,比如:from表单中,可能需要各种拖拽的组件。所以给大家做一些推荐。访问地址VueDraggablePlus可以有多种方式,1,组件2,函数方式3,指令方式npminstallvue-draggable-plus这里我只做对组件的使用方法(对其他方式感兴趣的,可以去官网学习一下):{{item.name}}import{ref}from'vue'import
梦雨生生
·
2024-01-23 19:27
Vue3
工具
vue.js
前端
javascript
typescript
关于Element Plus DatePicker 日期选择器 二次封装,精确到时分秒
环境说明:
Vue3
+ElementPlusui这次关于ElementPlus日期选择器组件二次封装,其中为了快速开发用到moment日期插件。
梦雨生生
·
2024-01-23 19:26
Vue3
Element
Plus
ui
javascript
开发语言
ecmascript
typescript
vue.js
Vue3
父子组件传值 ts
父子组件传值父子组件传值,父组件通过子组件的v-bind定义一个属性将父子的数据传递给子组件,子组件通过defineProps传递纯类型参数的方式来声明,接收父组件传过来的数据。子组件通defineEmits派发一个事件来传递给父组件父组件加接收子组件传过来的数据:{{child}}import{reactive,ref}from'vue';importChildViewfrom'./ChildV
梦雨生生
·
2024-01-23 19:56
Vue3
javascript
vue.js
前端
Vue3
:组合式函数(引入外部ts文件,修改外部ts参数)
更为复杂的业务逻辑可以使用store来处理
vue3
中不在推荐使用mixins,在Vue2中,mixins是创建可重用组件逻辑的主要方式。
梦雨生生
·
2024-01-23 19:56
Vue3
vue.js
前端
javascript
Vue3
:状态管理-Store(Vuex,Pinia)
什么是状态管理理论上来说,每一个Vue组件实例都已经在“管理”它自己的响应式状态了它是一个独立的单元,由以下几个部分组成状态:驱动整个应用的数据源;视图:对状态的一种声明式映射;交互:状态根据用户在视图中的输入而作出相应变更的可能方式。Vuex和Pinia的区别Vuex:1.由state,getters,mutations,actions,modules组成2.通过mutations修改state
梦雨生生
·
2024-01-23 19:56
Vue3
前端
开发语言
typescript
Vue3
:插槽(slot,useSlots,useAttrs)
1.插槽1.组件FancyButtonClickme!2.组件FancyButton的模板是这样的元素是一个插槽出口(slotoutlet),标示了父元素提供的插槽内容(slotcontent)将在哪里被渲染。3.渲染DOMClickme!2.defineExpose使用的组件是默认关闭的——即通过模板引用或者$parent链获取到的组件的公开实例,不会暴露任何在中声明的绑定。可以通过define
梦雨生生
·
2024-01-23 19:26
Vue3
前端
typescript
vue.js
第十八节
vue3
elementplus 路由守卫
系列文章目录目录系列文章目录前言操作方法总结前言在Vue中,路由守卫(RouteGuards)是一个用于控制路由访问的机制。它们可以在路由被访问之前或之后执行一些操作,例如检查用户身份验证或权限。VueRouter提供了几种类型的路由守卫:全局前置守卫、全局后置守卫、路由独享的守卫。这节我们主要配置下项目得路由守卫。实现得功能
hongc93
·
2024-01-23 19:46
vue3
elementPlus
mock后台管理系统
vue.js
javascript
前端
vue3
项目运行慢 npm run serve 卡在40%不动弹
解决办法安装speed-measure-webpack-plugin查看编译过程中哪些地方消耗时间久,线程多。安装speed-measure-webpack-plugin修改vue.config.js配置插件重新npmrunserveconstSpeedMeasurePlugin=require('speed-measure-webpack-plugin')//查看编译过程constsmp=new
青乌
·
2024-01-23 19:55
VUE -- 组件库
目前较流行的组件库有:PC端:●ElementUI:ElementUI官网(饿了么前端团队开发,有vue2和
vue3
两种版本)●AntDesign:AntDesign官网(阿里团队开发)●ViewUI:
煸橙干儿~~
·
2024-01-23 18:33
VUE基础
vue.js
前端
javascript
vue3
中几种封装让后端传参请求方式
1、post请求,但是后端参数不是对象,是一个单参后端//////获取项目服务详情////////////[AllowAnonymous][HttpPost("get-eploymentDetails")]publicasyncTaskGetDetailsAsync(Guidid){returnawait_projectServiceAppService.GetDetailsAsync(id);}
吱吱喔喔
·
2024-01-23 18:40
前端
#
vue
前端
vue.js
vue3
如何获取本地json文件和调用后端接口渲染数据(uniapp&
vue3
)
一、获取本地json文件方式渲染准备:在static目录下存放一个json文件//引入本地jsonimportfixedDatafrom'@/static/data/test.json'//将json中数组给functext(根据自己json文件的层级结构来使用)constfunctext=fixedData.data二、调用后端接口方式渲染uniapp调用接口:{{item.name}}impo
又又爱拍照
·
2024-01-23 18:54
json
uni-app
vue.js
上一页
28
29
30
31
32
33
34
35
下一页
按字母分类:
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
其他