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>
相关推荐
米思特儿林1 分钟前
NuxtImage 配置上传目录配置
前端
JohnYan8 分钟前
Bun技术评估 - 22 Stream
javascript·后端·bun
Mr_chiu9 分钟前
AI加持的交互革新:手把手教你用Vue3打造智能模板输入框
前端
精神状态良好10 分钟前
告别聊天式编程:引入 OpenSpec,构建结构化的 AI 开发工作流
前端
Aevget12 分钟前
界面控件DevExpress JS & ASP.NET Core v25.1 - 全新的Stepper组件
javascript·asp.net·界面控件·devexpress·ui开发
WangHappy14 分钟前
出海不愁!用Vue3 + Node.js + Stripe实现全球支付
前端·node.js
林希_Rachel_傻希希18 分钟前
手写Promise最终版本
前端·javascript·面试
visnix20 分钟前
AI大模型-LLM原理剖析到训练微调实战(第二部分:大模型核心原理与Transformer架构)
前端·llm
老妪力虽衰21 分钟前
零基础的小白也能通过AI搭建自己的网页应用
前端
该用户已不存在22 分钟前
Node.js后端开发必不可少的7个核心库
javascript·后端·node.js