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>
相关推荐
Su米苏几秒前
在 Vue3 + Vite 项目里,动态路由一般有 3 种常见场景
前端
xkxnq几秒前
第六阶段:Vue生态高级整合与优化(第82天)(Pinia高级用法)持久化方案(pinia-plugin-persistedstate)+ 安全存储策略
前端·vue.js·安全
前端 贾公子5 分钟前
React 和 Vue 都离不开的表单验证库 async-validator 之策略模式的应用 (中)
前端
郑州光合科技余经理5 分钟前
从零到一:构建UberEats式海外版外卖系统
java·开发语言·前端·javascript·架构·uni-app·php
2301_796512529 分钟前
【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:点击组件(跳转快应用)
javascript·react native·react.js·ecmascript·harmonyos
强子感冒了12 分钟前
JavaWeb学习笔记:动静态Web、URL、HTTP
前端·笔记·学习
RunsenLIu14 分钟前
基于 Spring Boot 3 与 Vue 3 的家校互动平台
vue.js·spring boot·后端
前端 贾公子16 分钟前
React 和 Vue 都离不开的表单验证库 async-validator 之策略模式的应用 (上)
vue.js·react.js·策略模式
阿珊和她的猫17 分钟前
Session 与 Cookie 的对比:原理、使用场景与最佳实践
前端·javascript·vue.js