TA貢獻1831條經驗 獲得超10個贊
function setStyle(e, a) {
var i;
for (i in a) {
e.style[i] = a[i]
}
}
function changeIcon(index) {
var home = document.getElementsByClassName('iconhome_act')[0],
server = document.getElementsByClassName('iconservice')[0],
user = document.getElementsByClassName('iconuser')[0];
switch (index) {
case 0:
setStyle(home, {
backgroundImage : "url('index/myImg/t_icon_home_active.png')"
})
setStyle(user, {
backgroundImage : "url('index/myImg/t_icon_user.png')"
});
setStyle(server, {
backgroundImage : "url('index/myImg/t_icon_service.png')"
});
break;
case 1:
setStyle(home, {
backgroundImage : "url('index/myImg/t_icon_home.png')"
})
setStyle(user, {
backgroundImage : "url('index/myImg/t_icon_user.png')"
});
setStyle(server, {
backgroundImage : "url('index/myImg/t_icon_service_active.png')"
});
break;
case 2:
setStyle(home, {
backgroundImage : "url('index/myImg/t_icon_home.png')"
})
setStyle(user, {
backgroundImage : "url('index/myImg/t_icon_user_active.png')"
});
setStyle(server, {
backgroundImage : "url('index/myImg/t_icon_service.png')"
});
break;
}
}
我這里的index是外層函數傳遞的索引值
TA貢獻1844條經驗 獲得超8個贊
js
{
data() {
{
currentIndex: 0,
items: ['f.png', 'u.png', 's.png', 'p.png']
}
},
methods: {
getSrc(i) {
var src = this.items[i]
if (i === this.currentIndex) {
src = src.replace(/(?=.\.png)/, '_')
}
return src
}
}
}
template
<img v-for="(item,i) of items" :src="getSrc(i)" @click="currentIndex=i"/>
舉報