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树结构
vue3
中按需使用echarts5贴花图案和跨系列的形变动画
先做一下说明,是在
vue3
中采用按需引入的方式,对应版本如下:"@vue/cli":"4.5.15","vue":"^3.2.21","echarts":"^5.2.2"按照官方对贴花图案和跨系列的形变动画的说明
上官熊猫
·
2024-01-17 20:37
echarts
vue
echarts
vue.js
在vite5和
vue3
开发环境中使用jodit4富文本编辑器,并添加自定义插件和使用highlight.js实现代码块高亮(附其他自定义配置项和全部代码)
最近富文本编辑器jodit终于更新发布到了4.0版本,加入了css变量、有更好的typescript支持,截止发文时的版本是:4.0.5,看到有了新版本于是便想着将本地项目中的jodit版本也进行升级,琢磨着再丰富和添加一些功能,就开始了各种踩坑,在这里做个分享。joditPro版集成的功能更多,但需要付费才能使用。相对于jodit3.x版本,引入方式有了变化,配置项差别不大,对于jodit3.x
上官熊猫
·
2024-01-17 20:06
vue
富文本编辑器
jodit4
vue3
highlight.js
vite5
js-时间相关操作(获取当前日期、最近三天、近一月及前N天的日期)
我这里采用
vue3
.0的写法1.日期选择器,限制范围(默认当前日期,以及前2天)选择时间:import{onBeforeUnmount,onMounted,reactive,ref,getCurrentInstance
七月_Mo
·
2024-01-17 18:23
Js
Vue
Vue3.0
javascript
前端
开发语言
Vue3
响应式系统(三)
Vue3
响应式系统(二)https://blog.csdn.net/qq_55806761/article/details/135612738七、无限递归循环。响应式系统里无限递归也是需要考虑到的。
进阶的小鸟
·
2024-01-17 17:26
前端工程师
前端
javascript
开发语言
Vue3
响应式系统(一)
functioneffect(){document.body.innerText='hello
vue3
'}再例如://全局变量letval=2functioneffect(){val=2//修改全局变量
进阶的小鸟
·
2024-01-17 17:55
前端工程师
前端
javascript
vue.js
Vue3
响应式系统(二)
Vue3
响应式系统(一)https://blog.csdn.net/qq_55806761/article/details/135587077六、嵌套的effect与effect栈。
进阶的小鸟
·
2024-01-17 16:50
前端工程师
vue.js
前端
javascript
(N-139)基于springboot,vue宠物领养系统
开发工具:IDEA服务器:Tomcat9.0,jdk1.8项目构建:maven数据库:mysql5.7系统分前后台,项目采用前后端分离前端技术:
vue3
+element-plus服务端技术:springboot
IT教程资源-
·
2024-01-17 16:01
javaweb毕设成品项目
开发工具
spring
boot
vue.js
宠物
Vue3
如何优雅的使用 createApp 自定义通用Dialog
最近在做一个项目的技术栈升级,从Vue2升级至
Vue3
,Vue2中有一个通用的全局Dialog方法,是通过Vue.extend来实现的,具体请看下方的Vue2代码:一、main.js中定义通用方法Vue.prototype
小小楠瓜子
·
2024-01-17 15:38
vue
vue.js
javascript
前端
下一代
Vue3
Devtools 正式开源
什么是VueDevToolsVueDevTools是一个旨在增强Vue开发人员体验的工具,它提供了一些功能来帮助开发者更好地了解Vue应用程序。VueDevTools:UnleashVueDeveloperExperience.EnhanceyourVuedevelopmentjourneywithanamazingexperience!典型的功能特征包括:Pages:显示当前的路由以及一些有用的
xiangzhihong8
·
2024-01-17 14:49
前端
前端
解决
vue3
中不支持.sync语法糖
在
Vue3
中,.sync修饰符已经被移除。在Vue2中,.sync修饰符是一个语法糖,用于简化子组件和父组件之间的双向数据绑定。在
Vue3
中,推荐使用v-model或是自定义事件来实现类似的功能。
前端玖耀里
·
2024-01-17 13:15
vue.js
vue.js
前端
javascript
vue2.0/3.0 使用ref获取dom元素
$refs.drag)}}
vue3
.0用ref获取DOM元素:由于
vue3
.0中没有this和$refs,则在vue2中使用$refs来获取dom元素的方法在
vue3
行不通所以在
vue3
就可以使用以下方法
小粗腿Cc
·
2024-01-17 13:11
vscode
前端
javascript
vue.js
vue
基于
vue3
.0简单的页面使用
基于
vue3
.0简单的页面使用项目效果图项目文件图package.jsonmain.jsApp.vueviews/Tutorial.vueviews/TS.vueviews/Docs.vueviews/
miao_zz
·
2024-01-17 13:10
vue3.0
vue.js
javascript
前端
vue3
:使用sortablejs实现表格拖拽移动
拖拽importSortablefrom"sortablejs";const{proxy}=getCurrentInstance();constdata=reactive({tableData:[{id:"1",name:"text_1",date:"1111-11-11",address:"测试_1",},{id:"2",name:"text_2_不可拖拽",date:"2222-22-22",
zxna
·
2024-01-17 13:09
javascript
前端
开发语言
Vue的使用
1、概述https://cn.vuejs.org/vscode+Volar插件【2023最新版】
Vue3
从入门到精通,零基础小白也能听得懂黑马程序员前端
Vue3
小兔鲜电商项目实战vue入门教程(详细版)
pzs0221
·
2024-01-17 13:08
html
vue.js
第一次创建
vue3
项目
本小白第一次创建
vue3
项目前提node.js版本在15或15以上,版本低了需要重新安装node-v#查看当前node版本1.创建
vue3
项目,npminitvue@latest注意输入项目名称时不要大写安装依赖
My.dxxj
·
2024-01-17 12:21
vue
vue3
和ts的el-input的键盘回车绑定事件
el-input框绑定键盘回车搜索事件加上@keyup.enter.native="search"然后//搜素键盘回车事件constsearch=(e:any)=>{if(e.keyCode==13){getdatalist()}}//开启键盘监听事件window.addEventListener('keydown',search,true)第二种方法:作用在input元素身上在html中然后//
惠惠惠惠呀
·
2024-01-17 12:08
vue.js
vue3
setup语法糖
一、简介
vue3
.2版本开始才能使用语法糖!
gqk01
·
2024-01-17 12:23
前端
vue.js
javascript
activiti流程图+动态表单
使用技术jeecg-bootactiviti
vue3
form-create简单效果展示流程图绘制审批人配置动态表单配置流程审批流程审批记录填写表单信息源码地址后台:https://gitee.com/houshixin
Hou°
·
2024-01-17 12:52
activiti
流程图
vue3
和vue2 v-model 和sync语法糖区别
随着
Vue3
的发布,该版本带来了许多新特性和改进,其中包括对v-model和sync语法糖的优化。
YoursMsg
·
2024-01-17 08:36
vue
javascript
前端
vue.js
前端框架
es6
vue3
Ts script-setup 语法糖 父子组件通信 使用sync,defineEmit,defineProps,defineExpose
较比更加简洁化真香~父组件//类似vue2item-checked.sync修饰符
vue3
取消sync修饰符改为v-bindconststate=reactive({stationData:[],stateList
免费的东西
·
2024-01-17 08:06
前端
html
小程序
前端
vue.js
Vue3
使用Pinia获取全局状态变量
Pinia是
Vue3
的状态管理库,用于替代Vuex。使用Pinia,你可以轻松地在
Vue3
应用中管理全局状态。
无妄的罪
·
2024-01-17 08:06
vue.js
javascript
前端
vue3
+ts+vite配置项目引入@surely-vue/table less报错
在项目当中报错InlineJavaScriptisnotenabled.Isitsetinyouroptions?修改配置如下:return{css:{preprocessorOptions:{less:{javascriptEnabled:true//开启less编译,注意:这个很重要}}},}
Shero.李建业
·
2024-01-17 08:07
vue3
typescript
vue.js
less
前端
Vue3
组件库开发 之Button(1)
需求分析:Button组件大部分关注样式,没有交互根本分析可以得到具体的属性列表:type:不同的样式(Default,Primary,Danger,Info,Success,Warning)plain:样式的不同展现模式booleanround:圆角booleancircle:圆形按钮,适合图标booleansize:不同大小(small/normal/large)disabled:禁止bool
土井塔克树1412
·
2024-01-17 08:00
vuejs
vue.js
javascript
ecmascript
CND 仿工程化开发,尝试一下Vxe-table的入门使用
Vue3
(三)CDN+ES6的import+工程化的目录结构https://www.jianshu.com/p/c454e8dd6dc2有网友问我,在这种方式下,如何使用vxe-table,其实和使用element-plus
自然框架
·
2024-01-17 07:59
vue3
和vue2区别
而在
Vue3
中,使用了Proxy来实现响应式系统。Proxy是ES6提供的一种代理机制,可以拦截对象的
lucky友人a
·
2024-01-17 07:56
vue.js
javascript
前端
【
vue3
.0】13.0 某东到家(十三)——商家详情页开发(三)
准备mock数据:{"code":200,"data":[{_id:'1',name:'番茄250g/份',imgUrl:'/i18n/9_16/img/tomato.png',sales:10,price:33.6,oldPrice:39.6},{_id:'2',name:'草莓250g/份',imgUrl:'/i18n/9_16/img/tomato.png',sales:10,price:3
bobokaka
·
2024-01-17 07:22
vue3
.2二次封装antd vue 中的Table组件,原有参数属性不变
vue3
.2中的语法在项目中多处使用到表格组件,所以进行了一个基础的封装,主要是通过antdvue中表格的slots配置项,通过配合插槽来进行封装自定义表格;这次主要的一个功能是编辑之后变成input框修改了之后变成完成发送请求重新渲染表格
柠檬加栤
·
2024-01-17 06:24
vue.js
javascript
前端
anti-design-vue
Vue3
DnD它来了!
,叫ReactDnD,而Vue中,大部分都是类似于vue.draggable等拖拽排序的库,然而它并不能满足我们所有的需求,特别是应对一些自由拖拽或混合拖拽的场景(例如:低代码),它是很难做到的,所以
vue3
【南汐】前端
·
2024-01-17 06:18
vue.js
javascript
前端
Vue3
(二):
Vue3
生命周期、自定义hook、其他API、Suspense等组件
Vue3
:第二章一、
Vue3
生命周期二、自定义hook函数三、toRef四、其他CompositionAPI1.shallowRef与shallowReactive2.readonly与shallowReadonly3
DantinZhang
·
2024-01-17 06:24
Vue.js
javascript
前端
ecmascript
前端框架
vue
017-Vue-尚硅谷2023:
1.2前端工程化实现技术栈前端工程化实现的技术栈有很多,我们采用ES6+nodejs+npm+Vite+
VUE3
+router+pinia+axios+Element-plus组合来实现ECMAScript6
VUE3
清风微凉 aaa
·
2024-01-17 06:31
三
JavaWEB阶段
vue.js
前端
javascript
vue3
上传多个文件并携带参数一起上传,后台java接收
直接上代码vue代码上传文件组件,采用element-plus选取文件保存这里采用的是手动上传,选取文件后,点击保存才会触发上传操作script代码//上传文件数组constfileList=ref([])//文件改变时回调钩子consthandleChange=(file,files)=>{//file是当前上传的文件,files是当前所有的文件,//不懂得话可以打印一下这两个数据就能明白fil
mayongk
·
2024-01-17 05:15
手动上传多文件
java
vue.js
javascript
Vue3
使用ElementPlus中的el-upload手动上传并调用上传接口
前端代码constfileBinaryList=ref([]);constdialogImageUrl=ref('');constdialogVisible=ref(false);constbuttonLoading=ref(false);consthandleChange=(file,files)=>{//file是当前上传的文件,files是当前所有的文件,fileBinaryList.val
zhige@
·
2024-01-17 05:13
Vue3
el-upload
手动上传
基于Python的汽车信息爬取与可视化分析系统
其中,采用了PythonDjango框架和Scrapy爬虫技术实现数据的抓取和处理,结合MySQL数据库进行数据存储和管理,利用
Vue3
、Element-Plus、ECharts以及Pinia等前端技术实现了丰富的数据可视化展示和用户交互功能
沐知全栈开发
·
2024-01-17 05:43
python
开发语言
vue3
动态路由搭建方法
因为动态路由对权限的划分是一个最有效的解决方法,下面我们就开始搭建一个动态路由的项目,使用技术是vite+ts+
vue3
+pinia+mock,mock主要用于模拟请求接口之后的处理,更接近实际项目2、
hymuuuu
·
2024-01-17 04:07
软件系统
vue.js
开源软件
解决若依
Vue3
前后端分离---路由切换时显示白屏
解决若依
Vue3
前后端分离---路由切换时显示白屏1.问题重述解决基于
Vue3
若依前后端分离项目中出现的路由正常切换但是就是不显示数据的问题,也就是不发起网络请求的问题。
简单点了
·
2024-01-17 04:53
Vue
elementUi
vue.js
前端
javascript
十四、Three场景物体增加描边
本次使用的是threejs138版本,在
vue3
+vite+ant的项目中使用。下面来看看实现的效果。房子建筑有了明显的描边效果。
arguments_zd
·
2024-01-17 01:41
3D开发专栏
前端
javascript
开发语言
十三、Three场景物体增加发光特效
本次使用的是threejs138版本,在
vue3
+vite+ant的项目中使用。下面来看看实现的效果。绿色罐体有了明显的发光效果。
arguments_zd
·
2024-01-17 01:10
3D开发专栏
前端
javascript
开发语言
Vue 3面试题
Vue3
面试题以下是一些常见的
Vue3
面试题:
Vue3
中的CompositionAPI是什么?它与OptionsAPI有什么区别?
qq_42431718
·
2024-01-16 23:47
vue.js
javascript
前端
剑指 Offer 37. 序列化二叉树(*****)
这里不限定你的序列/反序列化算法执行逻辑,你只需要保证一个二叉树可以被序列化为一个字符串并且将这个字符串反序列化为原始的
树结构
。本题与主站297.二叉树
甜橙の学习笔记
·
2024-01-16 23:35
C++版
剑指offer
更新完毕!!!
Java secret - 02
02HTML过滤器Http客户端工具类IP工具类Jwt工具类|会员端Jwt工具类|平台端Jwt工具类分页工具类Excel数据格式处理适配器Excel相关处理客户端工具类sql操作工具类时间工具类错误信息处理类
树结构
组装工具类
xinyi_java
·
2024-01-16 22:57
Java
secret
Java
secret
❤
Vue3
完整项目太白搭建
Vue3
+Pinia+Vant3/ElementPlus+typerscript(一)yarn 版本控制 ltb (太白)
❤项目搭建一、项目信息
Vue3
完整项目搭建
Vue3
+Pinia+Vant3/ElementPlus+typerscript(一)yarn版本控制项目地址:二、项目搭建(1)创建项目yarncreatevite
林太白
·
2024-01-16 22:10
Vue
前端
vscode添加用户代码片段
文件→首选项→配置用户代码片段→vue.json(vue){"
vue3
":{"prefix":"
vue3
","body":["","","","","","","","import{reactive,ref
ydongabc
·
2024-01-16 20:35
vscode
vue.js
javascript
vue3
| echarts公共组件简易封装
组件模板import{ref,watch,shallowRef,onMounted,onBeforeUnmount}from'vue'import*asechartsfrom'echarts';interfaceChartProps{myStyle?:anyloading?:booleandataEmptyFlag?:booleanoptions:any}constprops=withDefaul
ydongabc
·
2024-01-16 20:34
echarts
javascript
前端
vue3
| 自定义遮罩层组件
组件模板import{reactive,ref,onMounted}from'vue';constprops=defineProps({modelValue:{type:Boolean,default:false},center:{type:Boolean,default:false},top:{type:String,default:'30vh'},background:{type:String
ydongabc
·
2024-01-16 19:57
vue.js
javascript
前端
vue3
v-model自定义修饰符写法
在
vue3
v-model是破坏性的更新的c-model在组件也很重要v-model是一个语法糖由emit+props组合而成1.默认值改变props:value==》(
vue3
)modelValue事件
@小朱呀路
·
2024-01-16 19:24
vue3
vue.js
前端
javascript
《Vite 基础知识》使用 Glob 动态加载 .vue 文件
前言开发基于Vite+
Vue3
的组件库,多个.vue文件需要动态加载!注意import.meta.globEager已经弃用,请使用import.meta.glob来代替!
AvatarGiser
·
2024-01-16 19:56
《Vite
基础知识》
vue.js
vite
【
Vue3
】3-1 : 章节介绍 -
Vue3
组件应用及单文件组件
本书目录:点击进入一、本章学习目标二、课程安排一、本章学习目标
Vue3
组件相关概念掌握组件之间的通信封装一个可复用的组件单文件组件SFC:即.vue文件=样式+结构+逻辑脚手架的使用和底层实现机制工程化的认知二
ladymorgana
·
2024-01-16 19:52
架构师之路-java
前端
javascript
开发语言
VUE3
组件
【
Vue3
】2-13 : 章节总结
>效果>代码一、总结内容了解核心思想,例如:MVVM设计模式、选项式API优势了解
Vue3
各个选项的用法,例如:data、methods、computed等掌握常见的指令:v-bind、v-on、v-if
ladymorgana
·
2024-01-16 19:22
架构师之路-java
vue.js
前端
javascript
Vue3核心概念
选项式API
【
Vue3
】3-2 : 组件的概念及组件的基本使用方式
本书目录:点击进入一、组件的概念1.1、为什么要做成组件1.2、【案例】评分组件与按钮组件的抽离过程二、组件的使用-抽离结构2.1、【案例】简易首页>效果>代码-原始>代码-组件抽离结构>代码-测试响应式数据三、组件的命名方式与规范四、根组件4.1、【测试】根组件中template的结构优先级高于app容器中的结构>【效果】当template和app容器中同时出现结构时,效果>【效果】当只有tem
ladymorgana
·
2024-01-16 19:19
架构师之路-java
vue.js
前端
javascript
组件
根组件
vue3
项目解决pinia报错:getActivePinia was called with no active Pinia. Did you forget to install pinia?
报错:原因:是pinia在main.ts中还未注册好,便在其他文件中使用了它。解决前注册pinia及使用如下注册:引用:解决方案在stores文件夹底下新建一个store.ts文件import{createPinia}from'pinia';constpinia=createPinia();exportdefaultpinia;接着在main.ts引入该文件,用来注册pinia:router等其他
元仙僧
·
2024-01-16 19:45
前端框架vue
vue.js
前端
pinia
ts
上一页
37
38
39
40
41
42
43
44
下一页
按字母分类:
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
其他