1.导入
说明:创建vue项目安装了lodash文章来源:https://www.toymoban.com/news/detail-628529.html
import throttle from "lodash/throttle";文章来源地址https://www.toymoban.com/news/detail-628529.html
2.使用
// 节流
changeIndex: throttle(function (index) {
this.currentIndex = index;
}, 50),
3.页面
<!-- 鼠标以上就有相对应的cur类名 -->
<h3 @mouseenter="changeIndex(index)" :class="{ cur: currentIndex === index }">
<a :data-categoryName="item1.categoryName" :data-category1Id="item1.categoryName">{{
item1.categoryName
}}</a>
</h3>
到了这里,关于vue使用第三方库lodash的节流函数的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!