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导出excel
Vue3
上传文件/文件夹/压缩包(包含拖拽实现)
Vue3
+Naive-ui+Jszip+Tailwind上传文件/文件夹/压缩包(包含拖拽文件上传功能)一、前言二、案列图示三、代码1、templete部分代码2、上传文件3、上传文件夹4、上传压缩包5
Oamnij
·
2024-01-09 01:23
vue.js
前端
uniapp,
vue3
,h5端使用zxing扫描二维码,条形码
文章目录前言一、引入zxingnpm直接使用js文件二、功能实现1.获取摄像头2.开始扫描完整代码前言废话不多说,使用uniapp时scan方法不支持h5端,因此h5端需要自己引入三方库,我这里用的是zxing完整代码在最后一、引入zxing这里有两种方法,npm和直接使用js文件,按需使用npmpnpmadd@zxing/libraryimport{BrowserMultiFormatReade
charlie_y
·
2024-01-09 01:53
uni-app
vue中的render函数
二、使用方式1.在vue2中使用2.在
vue3
setup中使用3.在
vue3
setup语法糖中使用总结前言本文主要内容是讲,什么是render函数,及render函数在vue2和
vue3
中的使用方式。
狮子歌歌_丶
·
2024-01-09 01:53
vue
vue.js
vue2.x中Watch和
vue3
.x中Watch使用和区别
vue2.xWatch和
vue3
.xWatch使用和区别大家都知道在vue中,我们经常会用到监听数据一个数据,当数据发生变化的话执行某个功能,实现的方法有很多,现在的话重点说一下vuex2.x中属于配置项的
狮子歌歌_丶
·
2024-01-09 01:22
vue
vue.js
Vue3
中子组件使用setup语法糖父组件无法调用子组件方法
方法一子组件中放弃使用setup语法糖import{defineComponent,ref}from"vue";exportdefaultdefineComponent({setup(){constconts=ref("我是子组件");constsonFn=()=>{conts.value="我被父组件里调用了子组件的方法修改了数据";};return{conts,sonFn};},});本来想使
KAGHQ
·
2024-01-09 01:51
javascript
开发语言
ecmascript
在
vue3
中使用codemirror
文章目录前言引入在
vue3
中使用基本配置更改编辑框的外部样式(高度、宽度)获取和修改内容添加删除事件实现markdown过程中遇到的bug前言最近为了完成学校的大作业,需要制作markdown编辑器,为了用户输入方便
清缓存试试
·
2024-01-09 01:49
javascript
前端
html
vue.js
关于
vue3
运行报错Internal server error: [@vue/compiler-sfc] <script setup> cannot contain ES 的处理方法
大致的意思就是scriptsetup不能使用ES模块导出其实问题就出在,给官方给出的方法混用了一种是:标签里面配置setup另一种是:exportdefault类里配置setup()方法两者用一种就行了第一种import{useStore}from"../stores/store.js";conststore=useStore();第二种import{defineComponent}from'vu
呵呵 哒
·
2024-01-09 01:19
vue3
vue.js
前端
javascript
vue3
中vite使用sass
引用:https://blog.csdn.net/weiliang_66/article/details/132469597npminstallsass-d配置vite.config.js:css:{preprocessorOptions:{scss:{additionalData:'@import"@/assets/styles/main.scss";'}}}创建对应的main.sass
waterkid0
·
2024-01-09 00:41
sass
前端
css
VUE3
之 组件间事件通信 - 这个系列的教程通俗易懂,适合新手
1.概述相关定律告诉我们:这个世界上的任何事物之间都会存在一定联系,“城门失火,殃及池鱼”就是一个很好的例子。因此如果我们能够尽早发现这些看不见的联系,就能很好的解决更多遇见的难题。言归正传,之前我们聊过如何在子组件中去修改主组件传递的参数的值,当时是在子组件中重新声明一个新数据,初始值为父组件传参的值,然后对子组件的数据进行计算。今天我们使用事件的方式来实现对父组件的传参进行修改。2.组件间事件
追风人聊Java
·
2024-01-08 23:46
vue3
子调父方法,并传参(defineEmits)
子页面触发父组件方法//注意:defineEmits不需要被导入即可使用import{ref,defineProps,defineExpos}from'vue';constemit=defineEmits(['childToParent']);//调用父的方法childToParent,并传参到父*consthandleClick=()=>{emit('childToParent',"传递消息到父
吾乃冠军
·
2024-01-08 21:00
vue3
子调父方法
子向父传参
defineEmits
vue3
父传参到子(defineProps),父调子方法(defineExpose)
父页面调用子页面的方法importHelloWorldfrom'./components/HelloWorld.vue'import{ref,reactive}from'vue';letobjData=reactive({name:'張三',age:18,})//****************************constchild=ref();functionchildMethod(){c
吾乃冠军
·
2024-01-08 21:30
vue3
父传参到子
父调用子方法
Vue中生成二维码的一种方式—vue-qr
安装npminstallvue-qr--save引入//vue2.0importVueQrfrom'vue-qr'//
vue3
.0importVueQrfrom'vue-qr/src/packages/
HEY_439
·
2024-01-08 21:21
vite +
vue3
引入ant design vue 报错
npminstallant-design-vue--save下载插件并在main.ts全局引入报错解决办法一:main.ts注释掉全局引入模块按需引入解决办法二将package.json中的ant-design-vue的版本^4.0.0-rc.4改为^3.2.15版本同时将将package-lock.json中的ant-design-vue的版本^4.0.0-rc.4改为^3.2.15版本删除,n
吾乃冠军
·
2024-01-08 21:56
vite
ant
design
vue
vue3
< elementUi 表格 合并表格 -- 根据后端数据形成树状表格 >
elementUiPlus+
Vue3
树状表格(合并表格+多选)在开发中,可能会使用到表格合并的情况,在原生表格中,有rowspan和cowspan属性来实现。但是在ElementUI中呢?
技术宅小温
·
2024-01-08 21:56
elementUi
组件封装
vue.js
vue
elementui
Vue3
——element-plus表格组件怎样得到当前行的id
实现方法:编辑删除使用Vue的v-slot指令,这个指令中是Vue2.6新增的,取代了以前的slot和slot-scope,而我使用的是
Vue3
,所以网上搜到的很多使用slot-scope的方法都失效了
Z_B_L
·
2024-01-08 21:25
vue.js
javascript
elementui
vue3
vite使用 monaco-editor 报错
报错:UnexpectedusageatEditorSimpleWorker.loadForeignModule修改配置:"monaco-editor-webpack-plugin":"^4.2.0",删除不用版本:"monaco-editor":"^0.28.1",修改如下:optimizeDeps:{include:[`monaco-editor/esm/vs/language/json/js
m~781
·
2024-01-08 20:39
前端
javascript
vue.js
Vue3
快速上手-基于Vue2基础
Vue3
快速上手-基于Vue2基础前言
Vue3
快速上手1.
Vue3
简介2.
Vue3
带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建
Vue3
.0工程1.使用vue-cli
不爱吃奶昔(zsl0)
·
2024-01-08 19:15
===前端技术===
vue
前端
Vue2.0与
Vue3
.0的升降级
一、vue2升级为
vue3
1、卸载vue2,在命令行工具录入npmuninstallvue-cli-g,卸载旧版本2、卸载完成后,命令行录入vue-V,如果提示不是命令,即卸载成功3、安装新版本
vue3
奔跑的_迷彩狼
·
2024-01-08 19:12
vue.js
前端
javascript
若依common模块解读,Java小白入门(四)
ruoyi-framewok,今天我们来看第一个模块ruoyi-common,一些基类,工具等框架底座,分别来看其包含哪些基本内容:1.annotation注解,a.匿名访问,比如url或者contrller一些特定的内容b.
导出
Feather Duster
·
2024-01-08 18:59
Java拾遗
Java
spring
boot
若依
vue3
——如何安装vuex
安装配置1.执行安装命令:npminstallvuex2.在src目录下新建一个目录store,并在该目录下创建index.js3.在index.js中写入以下内容import{createStore}from'vuexexportdefaultcreateStore({state:{},getters:{mutations:{},actions:{}})4.在main.js中引入storeimp
Z_B_L
·
2024-01-08 17:11
javascript
开发语言
ecmascript
echarts中dataZoom拖拽不起效果或者鼠标滑过不显示tooltip的问题
vue3
项目中,echarts使用dataZoom进行区域拖动,拖动下图红色框,数据展示无变化拖动功能失效。
不掰手腕
·
2024-01-08 17:08
echarts
javascript
ecmascript
Vue 3.4 正式版发布,带来多项更新
12月28日,
Vue3
.4正式版发布,代号为“SlamDunk”,即灌篮高手。据尤大接收,这个版本进行了许多重要的内部改进,其中最引人瞩目的是重写的模板解析器。
xiangzhihong8
·
2024-01-08 17:30
前端
前端
vue.js
javascript
前端框架
若依 模态框调整
main.js中添加以下内容Element.Dialog.props.closeOnClickModal.default=false如何给模态框添加拖拽设置属性v-dialogDragWARNING如果是
Vue3
诸法空性
·
2024-01-08 17:20
vue相关开发
若依框架使用
vue.js
elementui
javascript
Vue3
+TS+ElementPlus的安装和使用教程【详细讲解】
前言本文简单的介绍一下
vue3
框架的搭建和有关
vue3
技术栈的使用。通过本文学习我们可以自己独立搭建一个简单项目和
vue3
的实战。
SwJieJie
·
2024-01-08 15:47
vue3
前端
vue3
学习记录
vue3
有选项式API(和vue2一样保留this用法)和组合式API(没有了this的概念);选项式API是在组合式API的基础上实现的!
椒盐大肥猫
·
2024-01-08 14:37
vue3
vue.js
vue3
.0记录滚动位置的两种方法
第一种方法onActivated+onBeforeRouteLeave方法实现1.思路页面首先要是缓存的组件实例keep-alive用onActivated才能将滚动位置缓存起来每次进入都要将存储的位置重新赋值给页面路由守卫beforeRouteLeave路由离开前记录当前的位置import{onBeforeRouteLeave}from'vue-router'constscrollRef=ref
Smile_zxx
·
2024-01-08 13:54
前端
javascript
vue.js
第四讲、
Vue3
.x中的事件方法详解、事件监听、方法传值、事件对象、多事件处理程序、事件修饰符、按键修饰符
一、
Vue3
.x监听事件vue中监听事件可以使用v-on:click或者@click,@click为v-on:click的简写,例如:data(){return{counter:1}}template模板
我爱张智容
·
2024-01-08 13:16
vue3
.0与vue2.0-prop
在
Vue3
.0中,与Vue2.0相比,有一些改变和新的特性涉及到props。CompositionAPI:
Vue3
.0引入了CompositionAPI,它提供了一种新的方式来组织和重用组件的逻辑。
我爱学习yq
·
2024-01-08 11:36
vue.js
javascript
前端
vue3
以指令的形式使用防抖事件
在
Vue3
中,你可以使用防抖函数(debounce)来限制某个函数在一定时间内的执行频率。防抖函数通常用于优化性能,例如在用户输入时限制搜索请求的发送频率。
无妄的罪
·
2024-01-08 11:36
vue.js
javascript
前端
Vue学习计划-
Vue3
--核心语法(六)路由
1.路由【对路由的理解】【基本切换效果】
Vue3
中要使用vue-router的最新版本,目前是4版本路由配置文件代码如下://创建一个路由器,并暴露出去//第一步:引入createRouterimport
化作繁星
·
2024-01-08 10:40
#
vue3
学习路程
vue.js
学习
前端
vue3
组合api写法
vue3
写法变量声明改变,不用在创建data函数,使用reactive声明,比如:{{state.name}}//这里直接使用conststate=reactive({name:'malunan'})/
一个健康马
·
2024-01-08 09:10
uniapp微信小程序投票系统实战 (SpringBoot2+
vue3
.2+element plus ) -全局异常统一处理实现
锋哥原创的uniapp微信小程序投票系统实战:uniapp微信小程序投票系统实战课程(SpringBoot2+
vue3
.2+elementplus)(火爆连载更新中...)
java1234_小锋
·
2024-01-08 09:08
uni-app
uni-app
微信小程序
小程序
小程序投票
微信小程序投票
从 jQuery 到
Vue3
的快捷通道
当初使用jQuery做了几个简单的项目,算是有一点点了解,现在学习
Vue3
,发现了一个可以快速转换思维的通道——使用CDN的方式模拟Vite建立的项目!
自然框架
·
2024-01-08 09:12
八、
Vue3
组件库经验[Ant Design]
一、AntDesign地址:https://2x.antdv.com/components/overview-cn/1.DatePicker日期选择框问题1:当将时间加载到DatePicker日期选择时,用出现bug卡住,并报错原因:DatePicker需要的dayjs处理后的数据格式处理办法:importdayjsfrom'dayjs'publicationYear=dayjs(publicat
黑日里不灭的light
·
2024-01-08 08:10
#
Vue3
javascript
vue.js
前端
五、
Vue3
状态管理[pinia]
一、pinia解释:伴随vue2到
vue3
的升级,官方已经用Pinia代替了Vuex成为官方的状态管理库,Pinia对ts的支持更好,更适合大型项目的开发1.安装npminstallpinia2.配置main.tsimport
黑日里不灭的light
·
2024-01-08 08:07
#
Vue3
javascript
typescript
前端
Vue实现全局异常处理的几种方案
本文先简单实现一个异常处理方法,然后结合
Vue3
源码中的实现详细介绍,最后总结实现异常处理的几个核心。
千锋HTML5大前端
·
2024-01-08 08:31
前端技术文章
vue.js
前端
javascript
html5
解决pinia报hasInjectionContext问题
今天重新安装了下pinia发现项目运行打印hasInjectionContext找不到的问题,去官网看了眼发现2.1版本的pinia需要
vue3
.3以上的版本支持。
zzcmaple
·
2024-01-08 08:26
从建站到vue3的使用
vue.js
前端
javascript
“hasInjectionContext“ is not exported by “node_modules/vue-demi/lib/index.mjs“, imported by “node_mo
使用uniapp开发的微信小程序,技术栈使用的
vue3
+ts+uview-plus+pinia开发的,环境安装依赖没有问题,但是启动的时候报错:"hasInjectionContext"isnotexportedby"node_modules
1024小神
·
2024-01-08 08:53
HTML前端
vue.js
前端
javascript
vue3
.0安装和使用video-player
1.video-player安装npminstallvue-video-player-sa2.main.js引入video-playerimportVideoPlayerfrom"vue-video-player/src";import"vue-video-player/src/custom-theme.css";import"video.js/dist/video-js.css";2.1小错误示
龙怪神
·
2024-01-08 07:43
错误集锦
vue
spug发布问题汇总记录
[vite]:Rollupfailedtoresolveimport"element-plus"from"src/main.js".项目框架简介
vue3
viteelement-plus解决方案-1.配置淘宝镜像源
Simorel
·
2024-01-08 07:28
vue.js
打包
【二】使用create-vue创建
vue3
的helloworld项目(推荐)
create-vue官网:快速上手|Vue.jscreate-vue是
Vue3
的专用脚手架,使用vite创建
Vue3
的项目,也可以选择安装需要的各种插件,使用更简单。
恋上钢琴的虫
·
2024-01-08 06:08
vue.js
前端
javascript
vue3
HelloWord项目搭建方法
vue3
需要node10以上版本1.安装Node.jsNode.js下载地址1.1:检查是否安装成功:node-v1.2:配置Node.js淘宝镜像:npmconfigsetregistryhttps:
Web项目开发
·
2024-01-08 06:05
vue.js
npm
javascript
【一】使用vue-cli创建
vue3
的helloworld项目
不再推荐使用vue-cli命令创建
vue3
的项目,vue-cli是Vue早期推出的一款脚手架,使用webpack创建Vue项目。
恋上钢琴的虫
·
2024-01-08 06:31
vue.js
javascript
前端
万界星空科技商业开源MES主要功能介绍
技术架构:技术框架:springboot2+
vue3
+mysql8运行环境:IntelliJIDEA
万界星空科技
·
2024-01-08 06:00
开源mes
MES
生产管理系统
科技
制造
经验分享
能源
开源
开源软件
开源协议
vue3
的常见组件通信方式(使用setup语法糖以及ts)
本文中使用到的组合式Api写法方式,可以参考
vue3
文档:ts与组合式Api1.props(父传子):子组件接收到的值仅仅只是可读的,不可以修改用法步骤为:1.父组件中准备一个a,值为1,标签内把a这个值传给子组件
小吴在摸渝
·
2024-01-08 05:41
vue.js
前端
typescript
vue3
+vite+ts 在img上获取静态图片
1.在
vue3
+ts项目中插入图片方式一,单个单个的插入importwordfrom'/@/assets/images/word.png'在setup中return,或是方式二:推荐核心方法,直接复制使用
꧁“杂货店”꧂
·
2024-01-08 04:39
笔记
vue.js
前端
前端框架
javascript
ant-design-vue table表格添加合计行(完美解决篇)
这样会遇到问题:a-table返回数据大于pagination.pageSize数据不显示问题,这个是vue2、
vue3
都有的问题。
消失的狗尾巴
·
2024-01-08 04:34
vue.js
前端
anti-design-vue
Vue Router 4.0 正式发布!焕然一新。
在经历了14个Alpha,13个Beta和6个RC版本之后,VueRouterv4闪亮登场,为你带来了TypeScript集成、新功能以及对现代应用程序的一致性改进,已经准备好成为
Vue3
新应用的最佳伴侣
前端优选
·
2024-01-08 04:17
vue.js
前端
javascript
ecmascript
前端框架
创建
vue3
+ts 文件
使用@指代srcpnpmipathpnpmi@types/nodeps:不安装@types/node,__dirname会报错
Sengoku_Xingzi
·
2024-01-08 04:16
vue.js
前端
javascript
vue3
使用element plus 的el-table报错Uncaught TypeError: data.includes is not a function
问题:el-table渲染报错,//..初始化//订单详情constorder=ref({order_logs:{}})分析解决换个字段没问题,发现是初始化:data="order_logs"这个字段:order_logs有问题,类型不匹配应该是数组不是对象解决:初始el-table的data字段为数组。constorder=ref({order_logs:[]})
Lan.W
·
2024-01-08 03:02
vue.js
elementui
javascript
上一页
93
94
95
96
97
98
99
100
下一页
按字母分类:
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
其他