<template><divid="all-box"><divv-for="(item,index) in dataLists":class="['c-item-'+index,currsorIndex==index?'c-item-hover':'']"@mouseover="mouseOver(index)":key="index"><divv-show="currsorIndex!=index"class="title-box">{{item.title}}</div><divclass="currsor-content-box"><divclass="currsor-title-box">{{item.title}}</div></div></div></div></template><script>exportdefault{data(){return{
currsorIndex:0,
dataLists:[{title:'标题一'},{title:'标题二'},{title:'标题三'},{title:'标题四'},],```},
methods:{mouseOver(index){//鼠标移入设置不同样式this.currsorIndex = index
},}</script>