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
v-for
【瀑布流插件】vue-masonry
**最近一直在画静态页面,有个图片列表,布局很紧凑,图片宽度一样,高度不一样,但是效果图上都是紧挨在一起,我用普通的
v-for
循环加css布局,它会以这一行最高的那张图片的高度为准,导致图片高度小的,下一行不能紧挨在一起
春晓_春眠花落
·
2025-02-17 14:22
vue.js
javascript
前端
Timeline 时间线基础用法
,时间戳是其区分于其他控件的重要特征{{activity.updateBy}}{{activity.updateTime}}<divstyle="color:#999;display:flex"
v-for
AiGarry
·
2025-02-16 05:10
vue.js
javascript
elementui
前端面试题
(面试常问)4、v-if和v-show的区别5、
v-for
中为什么要有key6、dist目录打包后过大,解决办法?
木輮
·
2025-02-14 04:21
javascript
javascript
前端
vue.js
你对 Vue 项目进行哪些优化?
答:第一个方面:代码层面的优化•v-if和v-show区分使用场景•computed和watch区分使用场景•
v-for
遍历必须为item添加key,且避免同时使用v-if•长列表性能优化•事件的销毁•
LuckXinXin
·
2025-02-14 02:52
Vue
vue
在React中使用v-if语法(基于babel)
这一篇我给大家分享两种封装v-if的方法
v-for
正在撸...敬请期待通过React来封装Condition组件简单封装了React组件。
weixin_33739541
·
2025-02-12 01:34
javascript
webpack
ViewUI
vue中v-if和
v-for
的优先级问题
vue中v-if和
v-for
的优先级问题1、实践中最好不要把v-if和
v-for
放一起2、在vue2中
v-for
优先级高于v-if,而在vue3中
v-for
优先级低于v-if,vue2和vue3恰好相反
给贝贝赚口粮
·
2025-02-06 12:20
前端
vue
vue.js
javascript
前端
Vue模板语法与常用指令深度解析
1.2JavaScript表达式二、核心指令深度解析2.1条件渲染:v-if家族指令2.1.1基础用法与原理2.1.2v-ifvsv-show深度对比2.1.3高级用法模式2.1.4性能优化指南2.2列表渲染:
v-for
prince_zxill
·
2025-02-04 23:19
vue.js
javascript
前端
前端框架
架构
vue | TODO记事本
要实现上面这个记事本:可以分为三个步骤:1.列表的渲染:写毕设看文献做饭2.头部添加功能的实现:3.底部合计和清除功能的实现:1.列表的渲染:使用
v-for
:{{index+1}}.
jingling1007
·
2025-01-23 06:43
前端
vue.js
前端
javascript
开发语言
前端框架
css
Vue-常见指令
常用指令:指令作用
v-for
列表渲染,遍历容器的元素或者对象的属性v-bind为HTML标签绑定属性值,如设置href,css样式等v-if/v-else-if/v-else条件性的渲染某元素,判定为true
dd要努力变优秀!
·
2025-01-17 17:43
前端
javascript
开发语言
vue中的那些事(刷新+key+v-if,
v-for
)
文章目录vue中添加属性,页面不刷新解决方法解决思路:解决方法:注意事项:vue3中解决方案解决思路:解决方法:注意事项:vue中key一、基本概念二、`key`的作用三、`key`的原理四、`key`的使用注意事项五、总结六、性能优化方面七、对Vue生命周期的影响Vue3中`key`一、基本概念二、`key`的作用三、`key`的原理四、`key`的使用注意事项五、性能优化六、对组件生命周期的影
放逐者-保持本心,方可放逐
·
2025-01-17 11:49
vue3应用
vue.js
javascript
前端
vue学习总结
一、transition和transition-group的区别:transition:针对的是一个元素,比如v-if,v-showtransition-group:针对是多个元素,比如使用
v-for
二
·
2025-01-16 22:29
vue keep-alive
作用: vue内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM keep-alive是用在一个直属子组件被开关的情形,同时只有一个子组件在渲染,若有
v-for
则不会工作 注:keep-alive
w_wx_x
·
2024-09-15 16:30
【前端】vue+html+js 实现table表格展示,以及分页按钮添加
2.1代码展示html部分
v-for
展示列表,以及两个按钮对当前页面进行选择。{{item.name}}上一页{{currentPage}
Loong_DQX
·
2024-09-13 16:40
前端
javascript
vue.js
vue3,从vue2迁移更改总结
1.v-for中的Ref数组在Vue2中,在
v-for
里使用的refattribute会用ref数组填充相应的$refsproperty。当存在嵌套的
v-for
时,这种行为会变得不明确且效率低下。
梦里施
·
2024-09-12 13:51
网页类
vue.js
第五天Vue学习
v-for
的相关使用1.v-for的基本使用循环遍历,值,索引值,key都可以一般需要使用索引值。{{index+":"+item}}index表示索引,item表示当前遍历的元素。
余心不忍
·
2024-09-09 21:21
vue.js
学习
elementui
Web前端最全初识Sentry前端监控,浅谈前端消息机制原理
Vue编码基础2.1.1.组件规范2.1.2.模板中使用简单的表达式2.1.3指令都使用缩写形式2.1.4标签顺序保持一致2.1.5必须为
v-for
设置键值key2.1.6v-show与v-if选择2.1.7script
2401_84433924
·
2024-09-09 17:18
程序员
前端
sentry
v-if 和
v-for
一、不应同时使用
v-for
和v-if不应该一起使用。原因:
v-for
比v-if优先,即每一次都需要遍历整个数组,影响速度。
小丘啦啦啦
·
2024-09-04 07:16
【Vue】`v-if` 指令详解:条件渲染的高效实现
文章目录一、`v-if`指令概述二、`v-if`的基本用法1.基本用法2.使用`v-else`3.使用`v-else-if`三、`v-if`指令的高级用法1.与`
v-for
`一起使用2.
Peter-Lu
·
2024-09-02 08:30
#
vue
vue.js
前端
javascript
v-if
vue 中最基本的指令
v-for
在
v-for
要会使用:(key属性绑定(只接收单一的string/number))循环数组:
v-for
="iteminlist"
v-for
="(
Victor_b905
·
2024-08-30 01:49
v-for
和 v-if的用法及优先级
文章目录
v-for
:循环渲染1、key的作用2、为什么不推荐使用索引作为key?
我胡为喜呀
·
2024-08-29 15:47
vue.js
javascript
ecmascript
Vue vue/cli3 与 vue/cli4
v-for
和 v-if 一起使用冲突
$router.options.routers'expressioninside'
v-for
'directiveshouldbereplacedwithacomputedpropertythatreturnsfilteredarrayinstead.Youshouldnotmix'
v-for
'with'v
csdn_aspnet
·
2024-08-24 20:56
VUE
vue.js
javascript
前端
v-for
实例
v-for
实例
v-for
实例{{item}}{{index+1}}:{{student.name}}-{{student.age}}varapp=newVue({el:'#app',data:{items
琪33
·
2024-03-29 09:26
为什么 v-if 和
v-for
不能在一起使用
原因:因为两者的优先级不一样,
v-for
的优先级比v-if高,如果一起使用,每次渲染时都会先循环再进行条件判断,先循环再做判断会造成性能浪费,使用过程中不要把它们放在同一个元素上。
懒大王9527
·
2024-03-24 03:49
vue
v-for
和 v-if 在相同元素上存在优先级的问题
在真实项目中,强烈不建议
v-for
和v-if作用在相同的元素上,因为存在优先级的问题Vue2中:
v-for
的优先级高于v-if,如果作用在相同元素上,很可能出现刚创建就被销毁「浪费性能」!
六加六呀
·
2024-03-19 19:02
vue.js
前端
javascript
解决vue组件中使用
v-for
出现告警问题及v for指令介绍
解决vue组件中使用
v-for
出现告警问题及vfor指令介绍错误
芳_e2c4
·
2024-03-05 08:53
为什么使用
v-for
后要加key值?
key值主要是提高虚拟DOM的效率换句话说就是在改变你想要遍历的数组或者对象中的数据时,可以更高效的移动数据;例如以下所示:假如已经有数组[a,b,c,d,e],现在想在B,C之间加入一个新的数据F,那么需要将C,D,E都进行移动位置,把F放进去变成A,B,F,C,D,E,但是我明明插入了一个数据F,但却要移动很多数据,这样效率很低,我们希望仅插入数据,后面的数据不要移动,这是就用到key值,用了
好好学习前端的小菜鸡
·
2024-02-27 05:10
Vue的组件,过滤器,自定义指令以及v-if
删除了,在dom文档中已经找不到对应的dom,变成了注释我爱你如果频繁使用就使用v-show可以节约性能开销如果短暂使用,例如页面一开始加载的时候进行判断显示优先使用v-if实际开发中,使用v-if比较多
v-for
冲锋敢死曾小贤
·
2024-02-20 19:27
vue列表渲染及数据监测
列表渲染
v-for
指令:1.语法:
v-for
=“(item,index)inxxx”:key=“yyy”2.用于展示列表数据3.可遍历数组、对象、字符串(用的很少)、指定次数(用的很少),也可用于列表过滤
tmmi
·
2024-02-20 05:34
vue.js
javascript
前端框架
Vue性能「十九」-- Vue常见优化方式 ***
合理使用v-show和v-if合理使用computed(缓存)
v-for
中加key,避免和v-if同时使用自定义事件和DOM事件及时销毁(否则会导致内存泄露)合理使用异步组件(import)合理使用缓存组件
loushumei
·
2024-02-15 02:06
Vue学习笔记(三)常用指令、生命周期
常用指令:指令作用
v-for
列表渲染,遍历容器的元素或者对象的属性v-bind为html标签绑定属性值,如设置href,css样式等v-if/v-else-if/v-else条件性的渲染某元素,判定为true
老李笔记
·
2024-02-14 21:24
vue
vue指令
vue生命周期
vue常用指令
Vue3
Vue3变化同一元素上使用的v-if和
v-for
优先级已更改,但不推荐同时使用v-if和
v-for
。
江_河
·
2024-02-13 19:42
vue常用指令
可以快速搭建前端应用常用指令指令:页面+数据的操作(以数据去驱动DOM)v-if:做元素的插入(append)和删除(remove)操作(隐藏时不可见)v-else-if:条件判断与if同级v-else:以上条件都不满足时执行
v-for
小白想要逆袭
·
2024-02-13 07:30
#
vue框架
vue.js
前端
javascript
VUE教程(第三节)
又是完美的周末,我们又开始愉快的学习了,这节课我们学习十大指令:v-text、v-html、v-show、v-if、v-else、
v-for
、v-bind、v-on、v-model、v-once;——》
多平方
·
2024-02-11 02:12
v-if 和
v-for
的联合规则及示例
第073个查看专栏目录:VUE------elementUI专栏目标在vue和elementUI联合技术栈的操控下,本专栏提供行之有效的源代码示例和信息点介绍,做到灵活运用。提供vue2的一些基本操作:安装、引用,模板使用,computed,watch,生命周期(beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,before
还是大剑师兰特
·
2024-02-10 10:27
#
vue2常用示例500+
v-if和v-for
大剑师
2021-10-26 vue 拖拽
返回保存模板模板名称区域设置:disabled="isDis":multiple="true"v-model="aModel.areaCodeArr"filterableclearable:linline="false">
v-for
BAT努力
·
2024-02-09 18:38
vue指令
在表单元素上创建双向数据绑定v-on为HTML标签绑定事件v-if条件性的渲染某元素,判定为true时渲染,否则不渲染v-else-ifv-elsev-show根据条件展示某元素,区别在于切换的是display属性的值
v-for
封奚泽优
·
2024-02-09 15:11
vue.js
前端
javascript
笔记
Vue2中
v-for
与 v-if 的优先级
在Vue2中,
v-for
和v-if是常用的指令,它们在前端开发中非常有用。但是,当我们在同一个元素上同时使用这两个指令时,就需要注意它们的优先级关系了。
JJCTO
·
2024-02-09 09:21
Vue
vue.js
javascript
ecmascript
前端面试2021.4.9
答案:v-model可以实现双向绑定,指令(v-bind:class、
v-for
、v-if、v-show、v-on)。vue的model层的data属性。绑定事件:3.v-model的实现原理?
土鳖班长大大
·
2024-02-09 09:56
报错: Duplicate keys detected 重复key报错问题
错误原因:有相同父元素的多个子元素的
v-for
有相同的key值。
maoge_666
·
2024-02-09 05:39
vue
elementui
前端
axios封装取消请求的方式
问题:项目中涉及tab切换页,tab1和tab2列表数据字段相同,所以一般使用el-tabs组件;el-tabs中的每一项el-tab是通过
v-for
遍历产生的,所有的每一项el-tab中的table表格数据使用的是一个
和科比合砍81分
·
2024-02-08 12:28
vue.js
elementui
前端
初识Vue笔记
Vue.jsVue.js初体验Document{{message}}newVue({el:"#app",data:{message:"Vue.js初体验",}})vue的列表展示使用
v-for
遍历data
humorous man
·
2024-02-08 12:57
vue
js
vue3:28— Vue 2 对 Vue 3 的所有非兼容性改变。(vue3学习笔记终)
v-model指令在组件上的使用已经被重新设计,替换掉了v-bind.sync.v-if和
v-for
在同一个元素身上使用时的优先级发生了变化。
有蝉
·
2024-02-08 01:54
vue3
vue.js
javascript
前端
通过记事本案例了解vue的列表循环,表单元素绑定
分析:1.新增:生成列表结构(
v-for
);获取用户输入(v-model);回车新增数据(v-on)2.删除:点击删除指定内容(v-onsplice索引)3.统计:统计信息个数(v-textlength
Mir ㅤ
·
2024-02-08 00:54
html5
vue.js
vscode
vue2.3-列表循环、表单元素绑定
一、列表循环、表单元素绑定1、v.for-根据数据生成列表结构例1:循环访问数据
v-for
{{index+1}}测试测试:{{it}}varapp=newVue({el:"#app",data:{//定义数据
小小蚂蚁仔.
·
2024-02-08 00:24
前端的一点点
前端
Vue3实现列表循环
效果如下源码是这样的,下面我就结合代码中的注释来说明一下核心的代码Vue.createApp({data(){return{list:['item1','item2','item3','item4'],//绑定
v-for
飞鹰3995
·
2024-02-08 00:52
Vue3.0
Vue本地应用——列表循环,表单元素绑定
列表循环,表单元素绑定用到的命令有:v-forv-on补充v-modelv-for根据数据生成列表结构
v-for
指令添加蔬菜减少蔬菜{{index+1}}四大神兽:{{item}}{{item.name
林带鱼QAQ
·
2024-02-08 00:52
vue.js
javascript
前端
六.Vue.js界面绑定指令-元素、事件、属性绑定
按照vue绑定dom操作,将其分为操作dom内容节点、事件、属性操作内容节点:v-text、v-html、v-model、v-show、v-if、v-else、v-else-if、
v-for
、v-pre
小虫信息科技
·
2024-02-08 00:22
vue2.0
元素绑定
事件绑定
属性绑定
class绑定
Vue04_Vue基本指令3/3——列表循环、表单元素绑定(
v-for
/v-on补充/v-model)
一、
v-for
作用:根据数据生成列表结构
v-for
常与数组结合使用语法:(item,index)in数据如图:效果:item和index可以结合其他指令一起使用数组的长度更新会同步到页面上,是响应式的给上面实例添加两个
ParadoxLin
·
2024-02-08 00:21
Vue
vue
【Vue】指令之列表循环、表单元素绑定
Vue指令[3]列表循环、表单元素绑定
v-for
指令v-model指令列表循环、表单元素绑定
v-for
指令作用:根据数据生成列表结构数组经常和
v-for
结合使用数组长度的更新会同步到页面上面,是响应式的语法
three想当技术大佬
·
2024-02-08 00:49
前端基础
vue.js
javascript
前端
vue3-内置组件-Transition
会在一个
v-for
列表中的元素或组件被插入,移动,或移除时应用动画Transition进入或者离开的动画由v-if所触
王大可996
·
2024-02-07 17:02
vue3
前端
javascript
vue.js
vue
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他