如何在没有jquery的swiperjs中获得幻灯片点击时的属性

<div class="swiper-slide" data-slide-id="1">Slide 1</div>
<div class="swiper-slide" data-slide-id="2">Slide 2</div>
<div class="swiper-slide" data-slide-id="3">Slide 3</div>

var swiper = new Swiper('.swiper-container', {
  // Swiper的配置项
});

// 监听幻灯片点击事件
document.querySelectorAll('.swiper-slide').forEach(function(slide) {
  slide.addEventListener('click', function() {
    var slideId = slide.getAttribute('data-slide-id');
    // 根据自定义属性名获取属性值
    console.log('点击的幻灯片属性值为：' + slideId);
    // 可以根据属性值进行相应的处理
  });
});