vue使用第三方库lodash的节流函数

1.导入

说明:创建vue项目安装了lodash

import throttle from "lodash/throttle";

2.使用

javascript 复制代码
    // 节流
    changeIndex: throttle(function (index) {
      this.currentIndex = index;
    }, 50),

3.页面

html 复制代码
<!-- 鼠标以上就有相对应的cur类名 -->
   <h3 @mouseenter="changeIndex(index)" :class="{ cur: currentIndex === index }">
  <a :data-categoryName="item1.categoryName" :data-category1Id="item1.categoryName">{{ 
          item1.categoryName
                }}</a>
                </h3>
相关推荐
自己记录_理解更深刻23 分钟前
Computed 聚合依赖+ 竞态处理
vue.js
宸翰26 分钟前
uni-app 设置 Android 底部虚拟导航栏背景色
android·前端·uni-app
柒和远方1 小时前
LeetCode 4. 寻找两个正序数组的中位数 —— 二分划分的艺术
javascript·python·算法
金色的暴发户1 小时前
一劳永逸解决Codex手机验证
前端·人工智能·开源
默_笙1 小时前
😢 我被 JS 的 this 整不会了:同一个函数,换个“地区”调用,结果就不一样
javascript
DanCheOo1 小时前
AI 应用的可观测性:你的 AI 系统在生产上到底表现怎么样
前端·openai
Hyyy1 小时前
流式渲染用react-markdown还是Vercel/Streamdown
前端
Tom@敲代码2 小时前
js学习笔记-01
javascript·笔记·学习
风中的小甜瓜2 小时前
ASP.NET Page 那点事
java·前端·asp.net
木西2 小时前
告别机械重复:使用 Node.js + Playwright 构建 24 小时全自动测试网领水脚本
前端·javascript·node.js