<template>
  <swiper-slide v-for="(item, index) in banner" :key="index">
    <img :src="item.pic" />
    <div v-if="isExternalLink(item.link)">
      <!-- 如果是第三方链接，使用<a>标签 -->
      <a :href="item.link">{{ item.link }}</a>
    </div>
    <div v-else>
      <!-- 如果是路由链接，使用<router-link>标签 -->
      <router-link :to="item.link">{{ item.link }}</router-link>
    </div>
  </swiper-slide>
</template>

<script>
export default {
  data() {
    return {
      banner: [], // 你的banner数据
      // 其他数据...
    };
  },
  methods: {
    isExternalLink(link) {
      // 判断是否为第三方链接，这里只是一个简单的示例，实际的判断逻辑可能需要根据你的需求进行调整
      return link.startsWith('http://') || link.startsWith('https://');
    },
    // 其他方法...
  },
  // 其他选项...
};
</script>