antd-vue走马灯点击图片设置样式，失效

你可以尝试在点击事件中手动设置样式，例如：

<template>
  <div>
    <a-carousel v-model="currentSlide">
      <a-carousel-slide v-for="(item, index) in imgList" :key="index">
        <img :src="item.src" @click="handleClick(index)" :style="{cursor: 'pointer'}">
      </a-carousel-slide>
    </a-carousel>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentSlide: 0,
      imgList: [
        { src: 'https://via.placeholder.com/150x150.png?text=Image+1' },
        { src: 'https://via.placeholder.com/150x150.png?text=Image+2' },
        { src: 'https://via.placeholder.com/150x150.png?text=Image+3' },
      ],
    };
  },
  methods: {
    handleClick(index) {
      const slides = document.querySelectorAll('.ant-carousel .slick-slide');
      slides.forEach((slide, i) => {
        if (i === index) {
          slide.style.border = '2px solid red';
        } else {
          slide.style.border = 'none';
        }
      });
    },
  },
};
</script>

在该示例中，我们给每张图片绑定了一个点击事件 `handleClick`，在点击事件中获取所有轮播图的 `slick-slide` 类元素，并手动设置样式。在这里，我们给点击的图片添加了一个红色边框，其它图片则去除边框。你可以根据需要更改样式和实现逻辑。