轮播图跳转问题修复

This commit is contained in:
BianLzhaoMin 2025-01-16 14:10:07 +08:00
parent 2c6b187983
commit f51d2ecd01
1 changed files with 11 additions and 3 deletions

View File

@ -152,7 +152,12 @@ const getSwiperListData = async () => {
const onClickSwiper = (item: any) => {
if (item.slideLink) {
window.open(item.slideLink, '_blank')
// window.open(item.slideLink, '_blank')
const link = item.slideLink.startsWith('http')
? item.slideLink
: `https://${item.slideLink}`
window.open(link, '_blank')
// window.open('www.baidu.com')
} else {
router.push({ name: 'equipList' })
}
@ -279,12 +284,15 @@ getSwiperListData()
<div class="swiper-img">
<el-carousel :interval="5000" arrow="always" style="height: 100%">
<template v-for="(item, index) in swiperList" :key="index">
<el-carousel-item style="height: 100%" v-if="item.delFlag == 0">
<el-carousel-item
style="height: 100%"
v-if="item.delFlag == 0"
@click="onClickSwiper(item)"
>
<el-image
style="width: 100%; height: 100%; cursor: pointer"
:src="item.slidePicture"
fit="cover"
@click="onClickSwiper(item)"
/>
</el-carousel-item>
</template>