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>
相关推荐
UrbanJazzerati9 分钟前
事件传播机制详解(附直观比喻和代码示例)
前端
青青家的小灰灰9 分钟前
透视 React 内核:Diff 算法、合成事件与并发特性的深度解析
前端·javascript·react.js
北冥有鱼10 分钟前
JSON或代码对比的工具-vue
vue.js
SuperEugene11 分钟前
组合式函数 、 Hooks(Vue2 mixin 、 Vue3 composables)的实战封装
前端·javascript·vue.js
乡村中医13 分钟前
AI Chat实现第一步,流式输出,教你如何实现打字流
前端
程序员阿峰13 分钟前
这5个CSS新特性已经强到离谱,攻城狮直呼内行
前端
阿星AI工作室20 分钟前
给openclaw龙虾造了间像素办公室!实时看它写代码、摸鱼、修bug、写日报,太可爱了吧!
前端·人工智能·设计模式
Kayshen23 分钟前
我用纯前端逆向了 Figma 的二进制文件格式,实现了 .fig 文件的完整解析和导入
前端·agent·ai编程
wuhen_n27 分钟前
模板编译三阶段:parse-transform-generate
前端·javascript·vue.js
椰子皮啊27 分钟前
音视频会议 ASR 实战:概率性识别不准问题定位与解决
前端