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
中的计算属性和侦听器(监视器)
一、computed计算属性1.概念基于现有的数据,计算出来的新属性。依赖的数据变化,自动重新计算。2.语法声明在computed配置项中,一个计算属性对应一个函数使用起来和普通属性一样使用{{计算属性名}}3.注意computed配置项和data配置项是同级的computed中的计算属性虽然是函数的写法,但他依然是个属性computed中的计算属性不能和data中的属性同名使用computed中
Maiko Star
·
2024-02-02 17:04
Vue.js
vue.js
前端
javascript
Vue
中的常用指令
一、常用指令概念:指令(Directives)是
Vue
提供的带有v-前缀的特殊标签属性。为啥要学:提高程序员操作DOM的效率。
Maiko Star
·
2024-02-02 17:03
Vue.js
vue.js
javascript
前端
vue
计算属性和data_
Vue
中计算属性,方法和观察者之间的区别
对于那些刚开始学习
Vue
的人来说,方法,计算属性和观察者之间的差异让人有些困惑。尽管经常可以使用它们中的每一个来完成或多或少相同的事情,但是知道它们在哪些方面优于其他的是很重要的。
sultan_song
·
2024-02-02 17:03
vue
计算属性和data
vue
计算属性和data_
Vue
中的方法,属性计算和观察者
我喜欢使用
Vue
的原因之一是,
Vue
中的methods、computed和watchers的使用是多么的有用。如果没有彻底的理解它们之间的区别,就很难充分利用
Vue
的功能。
weixin_39851279
·
2024-02-02 17:03
vue
计算属性和data
Vue
2.0 修饰符、绑定样式、计算属性以及侦听属性
一、修饰符1.事件修饰符:事件修饰符是对事件捕获以及目标进行了处理(语法:@事件名.修饰符)(1)stop:阻止了事件冒泡,相当于调用了event.stopPropagation方法(2)prevent:阻止了事件默认行为,相当于调用了event.preventDefault方法(3)self:只有在event.target是当前元素自身时触发(4)once:绑定的事件只能触发一次(5)captu
前端小白李小小
·
2024-02-02 17:01
vue.js
前端
javascript
vue
2指令和修饰符
项目创建的方式
vue
createname命令行方式创建
vue
ui图形化方式创建项目中的命令首先在cmd命令行窗口中确认是在项目的根目录中,才能正确的启动命令.开发环境命令:npmrunserve打包便衣命令
Pinia-
·
2024-02-02 17:30
前端
javascript
vue.js
Vue
中的指令修饰符&计算属性和方法的区别
指明一些指令后缀不同的后缀封装了不同的处理操作—>简化代码2.按键修饰符@keyup.enter—>当点击enter键的时候才触发代码演示:
[email protected]
→监听键盘回车事件constapp=new
Vue
Maiko Star
·
2024-02-02 17:29
Vue.js
vue.js
前端
javascript
【编程入门】开源记事本(Flutter版)
image左侧为前端版本:安卓、iOS、鸿蒙、Flutter、
Vue
、uni-app。右侧
蓝不蓝编程
·
2024-02-02 17:47
VUE
控制同一时间接口报错弹框个数
1、在utils文件夹下创建messageOnce.js文件,封装message对象类import{Message}from'element-ui'//私有属性,只在当前文件可用constshowMessage=Symbol('showMessage')exportdefaultclassdomMessage{success(options,single=true){this[showMessag
郭周周
·
2024-02-02 17:09
vue
中定时器的开启及关闭
但是在
vue
中就出现了一个小问题,在组件上使用@mouseenter="startRoll",@mouseLeave="stopRoll"然后在methods中写好这两个function页面
Bior
·
2024-02-02 17:13
11 个 JavaScript One-Liner 技巧
11个JavaScriptOne-Liner技巧转载于公众号链接如下[
Vue
中文社区](javascript:void(0);)[https://mp.weixin.qq.com/s/MGQyCg8Cg1YiWWRzNhr11Q
mango_2020
·
2024-02-02 16:19
vue
2 解决父组件刷新子组件数据
在使用elementui开发pc端项目时,经常会有这样的业务场景,比如,在页面中有一个按钮,点击按钮打开一个弹框,弹框里面有一些表单项或其他的数据源,如果把按钮所在的页面作为父组件,弹框中的内容作为子组件,父组件点击按钮想要每次都能初始化子组件中的数据,会发现mounted生命周期只会调用一次,如果想要每次打开都能刷新子组件的数据,一般会有以下几种解决方式。方法1、在子组件上面加一个key,这个k
jqh_0484
·
2024-02-02 16:45
vue.js
vue
移动端 echarts 柱状图或折线图数据一页展示固定条数,且数据从右向左滑动。
在进行移动端项目开发时,曾遇到这样的一个业务场景,有一个图表模块的开发,使用第三方组件echarts进行开发,统计图以时间为维度进行数据展示,可视区域固定展示3条数据,初始化时展示的最新日期的数据,用户可以从右向左滑动查看其他日期的数据。具体参考图片如下:遇到的问题:1、固定条数展示;2、初始化时页面以最新的日期数据为起始展示数据,用户向左滑动可以看其他日期的数据;解决方法:查看完相应的api后,
jqh_0484
·
2024-02-02 16:45
vue.js
echarts
前端
vue
.js 移动端侧边栏导航和内容双向联动
描述:移动端侧边栏导航和右侧内容双向联动,用户点击左侧侧边栏导航,右侧内容能快速定位到内容区域,右侧内容在滚动时,左侧导航会高亮显示当前内容所对应的导航。问题难点:右侧内容滚动时,左侧导航能定位到当前内容对应的导航。解决方案:使用js提供的intersectionObserverapi实现,此api可观察目标元素与其祖先元素或顶级文档视口交叉状态,通过交叉状态来实现双向联动。具体实现如下:1、侧边
jqh_0484
·
2024-02-02 16:45
vue.js
flutter
前端
vue
h5控制浏览器返回
遇到的问题:1、使用
vue
-router的路由钩子函数beforeRouteLeave可以监听到路由的变化,当前显示的页面是未返回前的页面,但是浏
jqh_0484
·
2024-02-02 16:15
vue.js
javascript
前端
QT
学习日记
| 信号与槽
目录前言一、初始信号与槽1、信号与槽的本质2、信号与槽的使用3、内置信号、内置槽函数与自定义信号、自定义槽函数(1)文档查询(2)自定义信号与内置槽函数的使用4、信号与槽函数关联关系5、带参数的信号与槽函数6、信号与槽函数的重载二、深剖信号与槽函数细节1、宏函数SIGNAL与SLOT2、为啥通过ui指针可以操作界面中拖动创建的控件前言本文主要学习QT最重要的机制之一——信号与槽;从认识信号与槽到熟
是奈思呀
·
2024-02-02 16:14
QT
学习
记录--
vue
使用Luckysheet插件实现导入导出
Luckysheet开发的excel导入导出库-Luckyexcel(opensnewwindow)已经实现了excel导入功能(目前只支持xslx文件);支持多sheet更新导出边框问题更新导出类型不同时样式Luckysheet导入文档导入文件(仅限.xlsx文件)npm引入npminstallluckyexcel引入到页面中importLuckyExcelfrom'luckyexcel'使用方
会自己走的CV码农
·
2024-02-02 16:43
记录
vue.js
Luckysheet
LuckyExcel
vue
使用Luckysheet插件实现导入导出
Luckysheet开发的excel导入导出库-Luckyexcel(opensnewwindow)已经实现了excel导入功能(目前只支持xslx文件);支持多sheet更新导出边框问题更新导出类型不同时样式使用方法:导入文件(仅限.xlsx文件)npm引入npminstallluckyexcel引入到页面中importLuckyExcelfrom‘luckyexcel’letfile=e.ta
admin-Y
·
2024-02-02 16:40
VUE
vue
自定义modal模态框
在components文件夹下创建一个名为CustomModal的文件夹,并在其中创建CustomModal.
vue
文件。
前端fighter
·
2024-02-02 16:08
css
前端
javascript
Vue
3+ThreeJS的简单使用
1.介绍Three.js是基于原生WebGL封装运行的三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多、使用最广泛的三维引擎。github地址three.js官网three.js中文文档2.应用场景智慧城市智慧园区大屏数据可视化3D看房小游戏3.使用3.1下载Three.js//通过CDN方式引入//使用npm下载npminstall--savethree//在要使用的页面中引入
无敌暴龙神~
·
2024-02-02 16:04
Web前端
Three.js
javascript
vue
组件,echarts制作3D地图,可点击凸起,hover高亮,可做飞鱼线(带天空盒子)
一、下载地图json数据:免费下载实时更新的geoJson数据、行政区划边界数据、区划边界坐标集合__HashTang(hxkj.vip)二、组件引入,修改地图json数据和下载插件后可直接使用importmapDataCqfrom"@/assets/mapjson/linxi3.json";import$from'jquery';//importechartsfrom'echarts'//导入e
巴黎的疯子
·
2024-02-02 16:04
vue.js
echarts
javascript
前端
vue
2+three.js做出一个精美的3D地图——1.搭建基础场景
系列文章目录构建基础场景文章目录系列文章目录构建基础场景前言一、下载three.js二、搭建基础场景1.构建场景(Scene)2.构建摄像机(Camera)正交相机(OrthographicCamera):物体不会受距离影响,无论远近都不会改变大小透视相机(PerspectiveCamera):物体受距离影响,远小近大,跟我们的人眼非常相似。透视相机构造函数的四个参数3.渲染器基础的已经搭建完成了
Tx的练习题
·
2024-02-02 16:04
vue2+three.js
构建一个精美的中国地图
简介地址
javascript
3d
arcgis
vue.js
webgl
Vue
+ 高德地图 + 三维模型
一:创建高德的kek和密钥(根据需求选择服务平台),我选择的是web端(JSAPI)二:在
vue
中引入高德地图在public文件下找到index.html文件引入你的key值。
死不瞑目的八爪鱼
·
2024-02-02 16:33
vue.js
javascript
前端
vue
2动态渲染el-table + 前端导出excel
市局县局服务站查询重置-->导出新增-->{{itm[item]||0}}-->import{getStatisticsQueryList,getStatisticsQueryListHeader,getStatisticDept}from"@/api/grassrootsServices/statisticMessage/index"import*asFileSaverfrom"file-sav
举个栗子 .
·
2024-02-02 16:33
前端
excel
vue.js
vue
基于Blob.js和 Export2Excel.js做前端导出Excel
一、安装依赖npminstall-Sfile-savernpminstall-Sxlsxnpminstall-Dscript-loader二、导入两个js三、main.js引入文件//引入ExcelimportBlobfrom'./Excel/Blob'importExport2Excelfrom'./Excel/Export2Excel.js'//封装公共方法,导出Excel**********
Zh.冠军
·
2024-02-02 16:30
vue.js
前端使用xlsx.js导入导出excel并展示
效果截图在最下边先上代码(直接从项目中摘抄出一部分,并附上了注释)://当时项目用的是
vue
,为了省事只将有用的部分筛选了出来生成excel{{sub.name}}import{axios}from'@
甲乙丙丁!
·
2024-02-02 16:29
javascript
前端
VUE
前端使用exceljs导出table以及echart图 生成excel文件
最近项目新增一个需求:导出部分列表数据(较少)以及生成的echart图放到一个excel文件中,全部需要在前端完成exceljs文档地址1、安装//安装npminstallfile-saver--save//保存文件使用npminstallexceljs--save2、引入//组件中引入importExcelJSfrom'exceljs'importfileSavefrom'file-saver'
一梦成回忆
·
2024-02-02 16:26
前端
vue.js
excel
前端
vue
+elementui导出复杂(单元格合并,多级表头)表格el-table转为excel导出
需求:前端对el-table表格导出插件:npminstallxlsx-Snpminstallfile-saver--save原理:直接导出el-table的表格里面的数据,这样就会存在缺点,只会导出当前页面的数据,如果需要导出全部数据,可以自己重新渲染一个全部数据不可见的el-table表格,来导出就可以了扩展:经过测试,不止el-table表格可以导出,各种各样的ui组件的表格都可以导出,例如
MadSnail00
·
2024-02-02 16:26
前端
vue.js
elementui
详解SkyWalking前端监控的性能指标
实现的方式是引入skywalking-client-js库,这是一个skywalking官方出品的一个前端埋点上报插件,支持React,Angular,
Vue
框架。它有如下功能:提供指标和错误
测试开发Kevin
·
2024-02-02 16:24
APM应用性能监控
skywalking
前端
【从0上手cornerstone3D】核心概念解析(下)
前言渲染Dicom文件的具体流程请查看:如何渲染一个基础的Dicom文件(上)Github演示:https://github.com/jianyaoo/
vue
-cornerstone-demo逻辑图在线链接
云之遥_
·
2024-02-02 16:22
CornerStone3D
前端
javascript
cornerstone
vue
3从0动态滚动到指定数字
[
vue
3从0动态滚动到指定数字](animated-number-
vue
3-npm(npmjs.com))image.png1.安装$npminstallanimated-number-
vue
3$yarnaddanimated-number-
vue
32
肖_53e4
·
2024-02-02 15:47
vue
使用echarts窗口自适应
('myChart'));window.onresize=()=>{myChart.resize()}优点:可以根据窗口大小实现自适应缺点:window.onresize是绑定到window上的,切换
vue
~倩
·
2024-02-02 15:46
js
vue.js
vue
实现查询搜索框下拉字典
字典表前端页面显示依据这个字典表实现动态查询初始化数组首先先在全局变量里定义一个数据存放查询出来的数据data(){return{dicts:[]};},生命周期查询的时候是声明周期开始的时候,原本增删改查页面在生命周期开始的时候就查询了页面的数据获得了列表值,此时在生命周期开始也要查询字典的数据值activated(){this.getDataList();//获取所有的"性别this.getD
今年不养猪只除草
·
2024-02-02 15:33
vue
vue.js
前端
javascript
解决elementUI 中 el-avatar组件头像切换不更新问题
起初想的是不是因为
vue
x的getter没有及时更新头像的url信息,就去查了很多相关的资料,最后还是没能解决,经过不断的测试
qq_36306693
·
2024-02-02 15:32
ElementUI - el-input等组件绑定点击事件
前言
vue
使用elementUI的input组件时,添加:绑定时间无效解决方法可以使用v-on的修饰符.native
idomyway
·
2024-02-02 15:02
ElementUI
vue
elementui
input
click
v-on
vue
官方为什么要提供作用域插槽?有什么用处?
vue
官方为什么要提供作用域插槽?有什么用处?插槽大家都了解,也都用过。目的就是为了更好的实现代码的复用,严格来说,在
vue
框架设计层面,他们考虑的就是,如何尽可能的减少程序员的工作量。
yrldjsbk
·
2024-02-02 15:31
VUE3
vue.js
前端
javascript
Vue
(二十):ElementUI 扩展实现表格组件的拖拽行
用来优化表格的渲染{{JSON.stringify(tableData.map(d=>JSON.stringify(d)),null,4)}}import{nextTick,reactive,ref}from"
vue
Prosper Lee
·
2024-02-02 15:00
Vue
vue.js
elementui
前端
拖拽
el-table
Vue
3源码解读之patch
例子位于源代码/packages/
vue
/examples/classic/目录下,下面是例子的代码:constapp=
Vue
.createAp
yyzzabc123
·
2024-02-02 15:24
vue.js
vue
使用动态路由参数的 keep-alive 条件缓存与三级路由缓存解决
最近维护一个以前的
vue
项目,遇到个keep-alive的坑,特此记下。需求是需要使用keep-alive缓存,由于缓存的页面过多会导致页面卡顿,因此需要启用条件缓存。并且有三级路由存在,也需要缓存。
东扯葫芦西扯瓜
·
2024-02-02 15:21
Uncaught TypeError: Cannot read property 'resetFields' of undefined
参考链接:https://blog.csdn.net/bobobocai/article/details/91437656在用
vue
+elementUI开发后台系统的时候,登录和注册用了同一个弹出框。
菲儿_cdd4
·
2024-02-02 15:07
Vue
源码解读(12)—— patch
当学习成为了习惯,知识也就变成了常识。感谢各位的关注、点赞、收藏和评论。新视频和文章会第一时间在微信公众号发送,欢迎关注:李永宁lyn文章已收录到github仓库liyongning/blog,欢迎Watch和Star。前言前面我们说到,当组件更新时,实例化渲染watcher时传递的updateComponent方法会被执行:constupdateComponent=()=>{//执行vm._re
李永宁_lyn
·
2024-02-02 15:48
精通
Vue
技术栈的源码原理
vue.js
前端
javascript
源码
前端框架
vue
3.0源码解析,patch&diff过程
在
vue
中,使用虚拟dom(Virtualdom),来对真实dom的一种抽象化处理的树结构,模拟真实dom,提升性能。
柯闪电
·
2024-02-02 15:47
vue
vue.js
javascript
vue
vue
3 源码解析(6)— lifecycle 生命周期的实现
前言对于
vue
3的生命周期,我们经常性会去疑问,生命周期有哪些呢,它是怎么去实现的,又是什么时候调用的。
Avicli
·
2024-02-02 15:46
Vue
源码解析
javascript
前端
vue.js
源码解析
vue3
vue
3 源码解析(5)— patch 函数源码的实现
什么是patch在
vue
中patch函数的作用是在渲染的过程中,比较新旧节点的变化,通过打补丁的形式,进行新增、删除、移动或替换操作,此过程避免了大量的dom操作,提升了运行的性能。
Avicli
·
2024-02-02 15:43
源码解析
Vue
vue.js
javascript
前端
源码解析
前端框架
【江湖说️
学习日记
195云服务】
【江湖说️
学习日记
195云服务】[打卡宝宝]:嘿黑~[打卡日期]:2019/07/26[累计坚持]:这是我坚持学习的第19天️[学习内容]:工具云服务:任何时候任何地点,通过任何设备,访问任何文件[学习笔记
栗小蒙
·
2024-02-02 15:32
【
Vue
3】尚硅谷(天禹老师主讲)
Vue
3笔记
本文是主要内容为转载,对其中部分内容进行了代码解析只为记录学习过程,共享学习
Vue
3快速上手1、
Vue
3简介2020年9月18日,
Vue
.js发布3.0版本,代号:OnePiece(海贼王)耗时2年多、
SuperYiY
·
2024-02-02 15:10
【Vue3】系列
笔记
vue
3 props 声明默认值
interfaceObjType{size:number,limit:number,auto:boolean}interfaceProps{msg?:stringlabels?:string[],obj:objType}constprops=withDefaults(defineProps(),{msg:'hello',labels:()=>['one','two'],obj:()=>{retur
寂寞沙洲冷1号选手
·
2024-02-02 15:40
前端
javascript
开发语言
Vue
3的Props
Vue
3中的props是用于接收父组件传递的数据的属性。在
Vue
3中,props的声明发生了一些改变:使用props选项来声明props。
跟Bug双向奔赴
·
2024-02-02 15:38
vue
vue.js
javascript
前端
uni-app之使用movable-view组件的详细教程
UniApp是一个基于
Vue
.js的跨平台开发框架,它可以让开发者使用
Vue
的语法编写一次代码,然后同时生成多个平台的应用程序,如小程序、H5、App等。
dogdev
·
2024-02-02 14:04
uniapp基础
uni-app
前端
javascript
vue
H5 IOS中自定义的弹框(模态框)点击软键盘中 "完成" 后导致弹框(模态框)中的事件无法触发
参考地址:http://www.cocoachina.com/cms/wap.php?action=article&id=25941https://www.cnblogs.com/jinjiyese153/p/10436511.html问题描述微信公众号中有项功能是弹框模态框,输入信息后保存操作。但是在IOS系统中发现,当输入内容后,点击键盘上的“完成”后,再点击“提交”无反应;跳过“完成”直接点
LYP_0320
·
2024-02-02 14:33
IOS
上一页
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
其他