解决数据量大造成卡顿 ---- 事件委托

项目开发过程中有些场景比如活动页数据量较大一部分用户手机可能会造成卡顿。

比如产品多每个产品都有点击事件去详情啊，加购啊等等一个产品两个事件，100个产品就200个事件了占用内存较大。可以使用，图片懒加载或者事件委托解决(推荐)


<template>
<div @click="carChange"><van-cardv-for="item in 9":key="item"num="3"price="2.00"desc="描述信息"title="商品标题"thumb="https://cdn.jsdelivr.net/npm/@vant/assets/ipad.jpeg"><template #tags><van-tag plain type="danger">规格1</van-tag><van-tag plain type="danger">规格二</van-tag></template><template #footer><van-button class="detail" data-type="detail" :data-id="item" size="mini">详情</van-button><van-button class="car" data-type="addCar" :data-id="item" size="mini">加购</van-button></template></van-card>
</div></template><script setup>
const carChange = e => {const target = e.target //事件对象const type = target.getAttribute('data-type')  //每条数据添加的属性const id = target.getAttribute('data-id')      //需要用到的数据if(type) {change[type](id)}
}
const change = {detail(id) {console.log('detail',id)},addCar(id) {console.log('addCar',id)}
}
</script>

解决数据量大造成卡顿 ---- 事件委托相关推荐

分库分表：如何解决数据量大读写缓慢
一. 引言一个系统,目前订单数据量已达上亿,并且每日以百万级别的速度增长,甚至之后还可能是千万级. 面对如此庞大的数据量,那么一旦数据量疯狂增长,必然造成读写缓慢. 那么,为了使系统能够抗住千万级数 ...
高德地图marker标点数据量太大造成卡顿的解决方案
marker标点卡顿问题问题说明应用高德地图使用marker标点时,由于数据量大(>1000)就会造成页面卡顿,好几秒才能加载完成,并且页面也会卡顿解决方案使用官方提供的海量点MassM ...
[vue-element]ElementUI的穿梭组件如果数据量大会变卡怎么解决不卡的问题呢？
[vue-element]ElementUI的穿梭组件如果数据量大会变卡怎么解决不卡的问题呢? 在 left-footer 的 slot 里面加个翻页组件, 并修改 filter-method 方法重 ...
解决Mysql数据量大的时候分页优化(使用limit)的问题
解决Mysql数据量大的时候分页优化(使用limit)的问题参考文章: (1)解决Mysql数据量大的时候分页优化(使用limit)的问题 (2)https://www.cnblogs.com/ ...
黑苹果音频卡顿_手机耗电大、卡顿怎么办？只需关掉这个按键轻松解决，去试试...
阅读本文前,请您先点击上面的"议科技",关注,这样您就可以继续收到最新文章了.每天都有分享.完全是免费订阅,请放心关注. 大家好,很高兴认识大家,话不多说,进入正题,手机现在已经是 ...
kodi android 卡顿,给Kodi设置缓存来解决播放大文件卡顿
给Kodi设置缓存来解决播放大文件卡顿 2021-03-02 16:21:20 28点赞 355收藏 31评论 Kodi可以算是电视盒子上最棒的播放器了,它具有强大的功能,优美的界面,相信很多人也都是 ...
Echarts 问题解决 —— 图表数据过多导致浏览器卡顿、y轴数据添加单位、带圆角及柱状背景的柱状图、legned 图例超出部分显示省略号、柱状图 / 拓扑图（气泡图）渐变色效果
目录 1.图表数据过多导致浏览器卡顿 2.Y轴数据添加单位 3.带圆角及柱状背景的柱状图 4.legned 图例超出部分显示省略号 5.柱状图 / 拓扑图(气泡图)渐变色效果 1.图表数据过多导致浏览 ...
历史数据如何处理_数据库表数据量大读写缓慢如何优化（1）【冷热分离】
今天讨论的内容是冷热分离,也许概念并不陌生,对其使用场景也比较熟悉,但涉及锁的内容时仍然需要认真思考,这部分内容在我们实际开发中的"坑"还是不少的. 业务场景一曾经经历过供应链相 ...
mysql给数据量大的表添加索引的办法
有一个问题,一张表有3百万条记录,随着时间的增加,记录量会更多,此时查询速度很慢.在创建此表前没有未相应字段添加索引,所以此时需要为表添加索引.但是因为数据量大的原因,索引添加不成功,想了很多办法,终 ...

解决数据量大造成卡顿 ---- 事件委托

解决数据量大造成卡顿 ---- 事件委托相关推荐

最新文章

热门文章