Vue2.0选中当前鼠标移入删除

最新推荐文章于 2024-05-31 16:23:29 发布

Zheng_xinle

最新推荐文章于 2024-05-31 16:23:29 发布

阅读量467

点赞数 2

文章标签： vue css js

本文链接：https://blog.csdn.net/Zheng_xinle/article/details/113501406

版权

效果如gif动态图所示：

在这里插入图片描述
1、通过v-for遍历数组

HTML代码：

<template>
    <div class="nav">
        <div class="nav-item" v-for="(item,index) in items" :key="index" @mouseenter="mouseEnter(index)" @mouseleave="mouseLeave" :class="{active:index==isActive}"

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Zheng_xinle

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
Vue2.0选中当前鼠标移入删除

效果如gif动态图所示：1、通过v-for遍历数组HTML代码：<template> <div class="nav"> <div class="nav-item" v-for="(item,index) in items" :key="index" @mouseenter="mouseEnter(index)" @mouseleave="mouseLeave" :class="{active:index==isActive}">
复制链接

扫一扫