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>
相关推荐
用户39051332192883 分钟前
async 函数返回的 Promise 状态何时变为 resolved
前端
李剑一9 分钟前
大屏天气展示太普通?视觉升级!用 Canvas 做动态天气遮罩,雷阵雨效果直接封神
前端·vue.js·canvas
Lee川28 分钟前
现代Web开发中的CSS继承、Flexbox布局与LocalStorage交互:从文档解析到实践应用
前端·css
csdn飘逸飘逸29 分钟前
Autojs基础-用户界面(ui)
javascript
炫饭第一名30 分钟前
速通Canvas指北🦮——图形、文本与样式篇
前端·javascript·程序员
本末倒置18330 分钟前
面向 Vue 开发者的 Next.js 快速入门指南
前端·vue.js
暴走的小呆30 分钟前
vue3暗影代理:非原始值的响应式迷局
前端
进击的尘埃31 分钟前
React useEffect 的闭包陷阱与竞态条件:你以为的 cleanup 真的在正确时机执行了吗
javascript
1024小神32 分钟前
bun+hono实现websocket长链接通许的demo
前端
进击的尘埃32 分钟前
TypeScript 类型体操进阶:用 Template Literal Types 实现编译期路由参数校验
javascript