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
Vue自定义指令
vue
如何获取div的宽度_
vue
动态获取div宽高有时候为0的情况
项目背景:需要使用echarts进行图表展示。由于div宽高是不固定的,因此需要先获取父级的宽高再把值赋予到图表的div中。需要使用this.$nextTick(()=>{});方法,在mounted中,保证DOM渲染完全后,在进行echarts初始化。importechartsfrom'echarts';exportdefault{name:"wifiCollect",props:{classN
weixin_39801613
·
2024-08-28 17:46
vue如何获取div的宽度
vue
.js 获取当前屏幕的宽度_js获取浏览器和屏幕的各种宽度高度
一:网页可见区域宽高,不包括工具栏和滚动条(浏览器窗口可视区域大小)1.对于IE9+、chrome、firefox、Opera、Safari:window.innerHeight浏览器窗口的内部高度;window.innerWidth浏览器窗口的内部宽度;2.对于IE8.7.6.5:document.documentElement.clientHeight:表示HTML文档所在窗口的当前高度;do
梦终会碎
·
2024-08-28 17:15
vue.js
获取当前屏幕的宽度
vue
前端动态获取页面高度宽度
data(){return{//设置页面某元素需要设置的高度宽度变量eleHeight:0eleWidth:0}},created(){//初始化获取元素的高度宽度handleResize()},mounted(){//绑定事件,窗口resize时候触发函数handleResize,这句是核心window.addEventListener('resize',this.handleResize);}
Hrational
·
2024-08-28 17:42
vue.js
前端
javascript
Vue
3+TS Element Plus 中Table同时只能展开一行且能关闭
el-table有展开行功能,但是展开多行并不好看,所以需要设置expand只展开一行,用expand-change可以实现。@expand-change=""//展开或是关闭时执行的函数:expand-row-keys=""//设置当前展开行,要求值为数组(白话就是存放在这个数组的ID会在页面中展开,没有就不会展开):row-key=""//设置行的唯一标识,用于配合expand-row-key
lemontree-xy
·
2024-08-28 16:40
vue.js
前端
javascript
vue
element-ui表格table 表格动态 添加行、删除行、添加列、删除列 自定义表头
vue
table表格动态添加行、删除行、添加列、删除列自定义表头;增加一行、删除一行、添加一列、删除一列;每行带输入框input代码1、HTML部分:删除列删除行增加行增加列2、JS部分:exportdefault
哆啦唉m
·
2024-08-28 15:04
vue.js
ui
elementui
前端
javascript
vue
事件监听
我们可以使用v-on指令(简写为@)来监听DOM事件,并在事件触发时执行对应的1.回车事件(点击回车触发)@confirm适用
[email protected]
适用
vue
3运用场景:通常在文本框输入的时候使用
小汤猿人类
·
2024-08-28 15:03
vue
uni-app
前端
javascript
开发语言
node.js毕业设计基于微信小程序寸金校园租车平台(源码+程序+LW+部署)
欢迎交流项目运行环境配置:Node.js+Vscode+Mysql5.7+HBuilderX+Navicat11+
Vue
+Express。
node-php毕设程序源码
·
2024-08-28 14:31
微信小程序
node.js
课程设计
微信小程序uniapp+
vue
电动汽车租赁充电管理系统springboot
电动汽车租赁管理系统的开发设计时一个独立的系统,以流行数据库进行数据的存储开发,主要是为了实现电动汽车租赁管理系统的用户角色及相对应的功能模块,让电动汽车租赁管理系统的管理不会存在管理差异、低效率,而是跟传统的管理信息恰好相反,电动汽车租赁管理系统的实现可以节约资源,并且对于业务的处理速度也提高,速度快、效率高,功能性强大。基于Android的电动汽车租赁管理系统的设计基于现有的安卓手机上运行,可
qq840612233
·
2024-08-28 14:01
微信小程序
uni-app
spring
boot
vue
08 基础-表单输入绑定
▲v-model会忽略所有表单元素的value、checked、selectedattribute的初始值而总是将
Vue
实例的数据作为数据来源。
斯诺斯诺斯诺_c21f
·
2024-08-28 14:23
vue
3 集成天地图,完美实例
在
Vue
3中,你可以使用天地图JavaScriptAPI进行集成。
cesske
·
2024-08-28 14:27
vue
vue
事件绑定
vue
事件处理:1指令的语法格式:{{插值语法}}“表达式”位置都可以写什么?常量,js表达式,
vue
实际所管理的xxx2在
vue
当中完成事件绑定需要哪个指令呢?
软件技术NINI
·
2024-08-28 12:17
vue笔记
vue.js
javascript
前端
vue
实现穿梭框功能(ES6语法)
1、
vue
两种实现穿梭框的方式。方式一:
Vue
结合ES6语法实现穿梭框。(优点:自写组件复用性强,易修改)方式二:引入Element中transfer插件简单写了CSS样式和HTML。
lucky*girl
·
2024-08-28 12:45
vue.js
html5
javascript
vue
想对象里面添加键值对的方法
1、
Vue
.set(target,propertyName/index,value)
Vue
.set(要填加的数组名称,键,值)2、Object.assign('对象',{key:'value'}
lucky*girl
·
2024-08-28 12:15
vue
前端
VUE
根据url下载文件
方法一:constdownloadRes=async()=>{letresponse=awaitfetch(url);letblob=awaitresponse.blob();letobjectUrl=window.URL.createObjectURL(blob);leta=document.createElement('a');a.href=objectUrl;a.download=res.s
lucky*girl
·
2024-08-28 12:15
前端vue
前端
vue.js
javascript
vue
动态改变css样式
要求:切换按钮后改变css的样式实现思路:循环数组,然后添加点击事件,获取到当前点击的index根据数组的下标去动态的改变样式。状态筛选{{item.name}}分类筛选{{item.name}}data中需要定义的数据信息activeIndex:0,//状态筛选的图片activeIndexs:0,//分类筛选的图片事件中方法的处理//todo查看当前选中的时那个状态的value值checknow
lucky*girl
·
2024-08-28 12:45
前端vue
vue.js
css
javascript
vue
中内嵌iframe的src更新页面未刷新问题的解决方法
--写项目又叕叕遇到问题了--
vue
中内嵌iframe的src,虽然是定义变量动态获取src如下--但是iframe的内部页面没更新原因:iframe的src中如果带hash=>#,src改变是不会刷新的内部页面的
前端-七木
·
2024-08-28 11:08
Vue3
前端
vue
修改ui框架样式 以及 sass 样式穿透
在
vue
开发中如果使用了某个ui框架,但是想更改的他的样式,我们肯定都会去控制台,找到这个元素的类名并且重新为他设置样式,但是有的时候发现更改不了,一定会以为是权重的问题,然后你就,一顿加!
callBack_____
·
2024-08-28 11:07
大数据
如何使用
Vue
3和Type Script进行组件化设计
在
Vue
3中,CompositionAPI是一种全新的逻辑复用和代码组织方式,它允许你将组件的逻辑(如响应式状态、计算属性、方法、生命周期钩子等)封装到单独的函数中,从而提高了代码的可复用性和可维护性。
yang295242361
·
2024-08-28 10:06
vue.js
javascript
ecmascript
vue
3插件原理
概览
vue
3的生态圈提供了许多方便的插件或者工具,比如pinia、
vue
-router和ElementPlus等,使用插件的写法一般如下:constapp=createApp(App);app.use(
Jinuss
·
2024-08-28 10:04
Vue
前端
源码
vue.js
javascript
前端
基于
Vue
3 和 Element Plus 构建图书管理系统
基于
Vue
3和ElementPlus构建图书管理系统本文将介绍如何使用
Vue
3和ElementPlus构建一个简单的图书管理系统。
前端第一深情
·
2024-08-28 09:00
vue.js
前端
javascript
前端面试题(
vue
篇)
前端面试题(
vue
篇持续更新ing)1.v-if和v-show的区别?v-if和v-show是
Vue
.js中用于条件渲染的指令,它们的作用是根据表达式的值来控制元素的显示与隐藏。
前端第一深情
·
2024-08-28 09:00
前端面试题
vue
前端
面试
webpack
vue
-loader was used without the corresponding plugin
webpack
vue
-loaderwasusedwithoutthecorrespondingplugin.Makesuretoinclude
Vue
LoaderPluginwebpack在配置的时候总是报这个错在网上找了很多方法都不行按照网上的方法配置
轩辕夜空
·
2024-08-28 09:17
lottie在前端引用
以在
vue
中使用为例一、下载lottienpmi
vue
-lottie-S二、在main.js中引入
vue
-lottieimportlottiefrom'
vue
-lottie'
Vue
.component(
一个萌新小土豆
·
2024-08-28 09:27
vue.js
javascript
前端
vue
实现抓娃娃机效果
1.抓娃娃机随机抓取底部多行娃娃左右滚动,点击开始随机抓取exportdefault{data(){return{yidongtime:null,yidongtimeright:null,yidongright:0,yidongleft:0,zhuazhu:'',zhuasrc:require('../assets/jiazi.png'),//按钮图片isend:true,long:0,list:
一个萌新小土豆
·
2024-08-28 09:27
vue.js
前端
javascript
vue
3+uniapp+springboot开发校园点餐系统/微信点餐小程序03-项目路由安装
配置别名依赖安装3.tsconfig.json里面添加如下代码4.如果别名配置还报错的,src下新建vite-env.d.ts二、安装路由1.安装依赖2.新建路由文件3.main.ts里面引入路由4.修改App.
vue
java项目实战教程
·
2024-08-28 08:25
uni-app
spring
boot
小程序
什么是响应式?
表达式:用于表达式进行插值,渲染到页面之中语法:{{表达式}}案例{{arr[2]}}{{9+5}}{{"神奇"}}import{ref}from'
vue
';vararr=ref([1,2,4,5])响应式
小汤猿人类
·
2024-08-28 08:22
vue
uni-app
javascript
前端
vue.js
“鹰飞计划”前期准备 | 工作软件环境 | 基本素质
https://www.jetbrains.com/products/我电脑上的一些ide:HBuilderX:我开发uniapp(小程序)的时候需要用到,它也能开发
vue
,但是我觉得这个ide的功能不太让我舒服
Jacob_胡云飞
·
2024-08-28 07:26
实现一个
Vue
页面多次复用一个echarts组件的数据传递(setup语法糖写法)
的传递最终发现实际上是同一个问题哈哈注:id的传递的传递是为了防止由于id相同导致第二个echarts图覆盖第一个echarts图解决方案:实现效果的代码如下:父组件:importchartfrom'@/category/chart.
vue
起飞001
·
2024-08-28 06:37
前端学习
echarts
vue.js
前端
mongodb数组操作符
匹配数组中至少有一个能完全匹配所有的查询条件的文档{:{$elemMatch:{,,...}}}2.示例查询tags中同时拥有html和js的文档db.person.insert([{name:'zs',tags:['html','js','
vue
无名之辈无名之辈
·
2024-08-28 06:07
mongodb
MongoDB
$all
$elemMatch
数组查询
文档过滤
基于ssm+
vue
废品回收管理系统设计与实现【开题+程序+论文】
本系统(程序+源码)带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景随着社会的快速发展和人们生活水平的不断提升,垃圾产生量急剧增加,垃圾分类与回收已成为环境保护和可持续发展的关键议题。然而,当前废品回收领域仍面临着诸多挑战,如回收效率低、分类不准确、居民参与度不高等问题。传统的人工分类方式不仅耗时费力,且难以保证分类的准确性,严重制约了废品回收
sheji404
·
2024-08-28 05:33
vue.js
前端
javascript
使用Vite+
Vue
3创建Cesium项目
Vite+
Vue
3+Cesium项目模版Cesium是AGI公司计算机图形开发小组与2011年研发的三维地球和地图可视化开源JavaScript库,Cesium一词来源于化学元素铯,铯是制造原子钟的关键元素
IT界胖猫
·
2024-08-28 03:49
信息可视化
vue
快速删除前端
vue
项目的依赖
npminstallrimraf-grimrafnode_modules有些时候项目启动不在希望的端口,解除端口占用8080是被占用的端口netstat-ano|findstr:808011120是找到的进程taskkill/PID11120/F在网页创建新分支devgitremoteupdateorigin-p//更新远程分支gitbranch-a//查看所有分支gitcheckoutdev//
代码老祖
·
2024-08-28 03:47
前端
vscode
vue.js
【
Vue
3 工程自动化】自动导入多个组件
一、
Vue
2.X版本:require.context()require.context(dirname,useSubdirectories,RegExp)是一个webpack的api,通过该函数可以获取一个上下文
MagnumHou
·
2024-08-28 03:17
Vue
Vite+Vue3
前端工程化
打包优化
自动化
vue.js
前端
Vue
双向数据绑定原理与实现
看到一文大佬写的超级棒就转载了,地址如下:https://www.cnblogs.com/wangjiachen666/p/9883916.html
LingSun
·
2024-08-28 03:35
使用
Vue
创建cesium项目模版该如何选择?
使用
Vue
,创建Cesium项目的时候,提示需要选择一个模版(如下图所示),该如何选择项目模版选,总结如下:模版说明及选用建议Cesium是一个开源的JavaScript库,用于在网页上创建3D地球和2D
激动的兔子
·
2024-08-28 03:16
Vue+Cesium
vue.js
cesium
vue
如何合并两个 项目_
Vue
.js中用webpack合并打包多个组件并实现按需加载
使用
Vue
开发项目时,如果要使用其单文件组件特性,必然要使用webpack或者browserify进行打包,对于
weixin_39959236
·
2024-08-28 02:42
vue
如何合并两个
项目
vue
如何合并两个 项目_实例详解
Vue
基础学习之项目整合及优化
Vue
基础学习之项目整合及优化前言使用webpack构建过
Vue
项目的同学应该知道alias的作用,我们可以使用它将复杂的文件路径定义成一个变量来访问。
weixin_39690401
·
2024-08-28 02:42
vue
如何合并两个
项目
vue
将两个项目整合成一个
关于自动化部署两个项目合并一个项目的解决方案
vue
-cli3多项目整合到一个项目中维护打包发布
vue
-cli3多项目整合到一个项目中维护打包发布
ToOTOooo
·
2024-08-28 01:07
vue.js
前端
javascript
在前端开发中使用命令模式:JavaScript和
Vue
的实现技巧
在前端开发中使用命令模式:JavaScript和
Vue
的实现技巧1.引言命令模式(CommandPattern)是一种行为设计模式,它将请求的发送者和请求的接收者解耦。
范范0825
·
2024-08-28 01:36
javascript
命令模式
vue.js
高级前端工程师React面试题
React和
Vue
有什么区别?请描述React的组件生命周期。什么是JSX?React中的state和props有什么区别?请解释React中的虚拟DOM。什么是ReactHooks?
盼盼盼
·
2024-08-28 00:30
react
面试题
前端
前端
react.js
前端框架
vue
全局参数
/*eslint-disableno-new*/new
Vue
({el:'#app',router,components:{App},template:'',data:function(){return{
大得369
·
2024-08-28 00:58
vue.js
javascript
前端
vue
3 - element-plus 实现图片上传到服务器及预览、删除功能,支持显示进度条、上传失败错误占位的超好用的图像上传组件(详细运行示例及完整组件源码,一键复制开箱即用)
效果图本博客实现了
vue
3项目中,借助elementplus上传组件,实现二次封装上传组件,支持放大预览、删除、上传进度条、图片回显、上传服务器完整示例源码及详细步骤流程。
街尾杂货店&
·
2024-08-27 23:24
前端组件与功能(开箱即用)
vue3
图片上传组件
elementplus上传组件
vue3饿了么上传组件使用
vue3实现图像上传并预览
vue3图片上传进度条详细教程
二、
Vue
3与element-ui插件集成
element-uinpminstallelement-plus--save官方网址:https://element-plus.gitee.io/zh-CN2、添加按钮小图标npmi@element-plus/icons-
vue
程序员小蛋
·
2024-08-27 23:24
vue.js
前端
javascript
vue
3+elementPlus:无法清空问题,清空表单没效果
查询清空清空表单constformRef=ref()formRef.value.resetFields();发现没起作用最后才意识到el-form-item标签上面必须有prop改成下面的就可以啦查询清空
肖肖肖丽珠
·
2024-08-27 23:22
vue.js
elementui
javascript
若依前后端分离版本
vue
文件模版
若依前后端分离版本
vue
文件模版搜索重置新增修改删除导出{{parseTime(scope.row.checkTime,'{y}-{m}-{d}')}}修改删除0":total="total":page.sync
陈丹阳(滁州学院)
·
2024-08-27 23:50
前端
javascript
vue.js
vue
设置全局背景图_
vue
开发使用笔记
在SPA单页面组件的开发中
Vue
的
vue
x和React的Redux都统称为同一状态管理,个人的理解是全局状态管理更合适;简单的理解就是你在state中定义了一个数据之后,你可以在所在项目中的任何一个组件里进行获取
weixin_39629780
·
2024-08-27 22:19
vue设置全局背景图
Vue
3背景设置
图片存放在assets下样品展示html{width:100px;height:100px;}body{width:100px;height:100px;}#background{ //图片路径background-image:url("../assets/image/3379.jpg");width:100%;height:100%;position:fixed;background-size
遇意
·
2024-08-27 22:17
Vue
css
css3
html
04
vue
3之to系列全家桶
如果原始对象是非响应式的就不会更新视图数据是会变的如果原始对象是响应式的是会更新视图并且改变数据的针对响应式的有效修改某个对象的key值非响应式视图不会改变,源码没做依赖收集和更应依赖,做了会导致BUG会触发两次{{j}}toRefimport{ref,reactive,toRef,toRefs,toRaw}from"
vue
流氓也是种气质 _Cookie
·
2024-08-27 22:43
Vue3
javascript
前端
vue.js
Vue3
03
vue
3之Reactive全家桶
reactive用来绑定复杂的数据类型例如对象数组AarryObjectsetmapreactive源码约束了我们的类型他是不可以绑定普通的数据类型这样是不允许会给我们报错import{reactive}from'
vue
'letperson
流氓也是种气质 _Cookie
·
2024-08-27 22:13
Vue3
vue.js
前端
javascript
vue3
vue
.js学习步骤
文章目录前言一、
vue
.js是什么?
一雨方知深秋
·
2024-08-27 22:43
vue.js
上一页
10
11
12
13
14
15
16
17
下一页
按字母分类:
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
其他