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>
相关推荐
蓉妹妹11 分钟前
React微信小程序自定义tabbar
前端·react.js·微信小程序
拿我格子衫来18 分钟前
图形编辑器基于Paper.js教程32:绘制贝塞尔曲线,并进行二次编辑
javascript·图像处理·编辑器·图形渲染
编程大师哥18 分钟前
如何快速上手Django?3 小时从 0 到 1 做出第一个 Web 项目(小白友好版)
前端·django·sqlite
博主花神19 分钟前
【React】路由
前端·react.js·前端框架
曹牧21 分钟前
C#:$ 符号
开发语言·javascript·c#·ecmascript
代码游侠23 分钟前
应用——Linux 标准IO编程
linux·前端·数据库·学习·算法
用户990450177800929 分钟前
微信红包封面制作redbag-cover
前端
2401_8604947030 分钟前
在React Native中开发进度条组件,可以使用多种方式来实现,包括使用内置的`ProgressViewharmony`(仅限harmony)
javascript·react native·react.js
一人の梅雨35 分钟前
淘宝商品详情接口深度解析:从 Sign 签名动态生成到多端数据全息重构
开发语言·javascript·重构
christine-rr36 分钟前
windows系统上node.js安装配置教程
前端·windows·npm·node.js