Vue Slick Carousel 无法将图像制作为 link

Question

我正在使用 vue-slick-carousel 构建一个滑块。我对包装为 link 的图像有疑问。当我点击图像重定向时不会发生。另外，我在图像下有一个标题，我也将其包装为 link，并且使用文本效果很好，但是当我单击图像时却没有。它不仅适用于移动设备，在桌面上，当我点击图片时它会进行重定向。

这是我的代码：

 <VueSlickCarousel
            ref="slick"
            v-bind="slickOptions"
            class="post-category__slider"
          >
            <div
              v-for="post in posts"
              :key="`post-${post.id}`"
              class="post-category__list-item"
            >
              <div class="row">
                <div class="col-lg-6">
                  <div
                    class="post-category__list-item-image mb-4"
                  >
                    <a
                      :href="`/${item.slug}/${post.slug}`"
                    >
                      <img
                        :src="$store.state.env.panelUrl + post.get_thumbnail"
                        :alt="post.title"
                      >
                    </a>
                  </div>
                </div>
                <div class="col-lg-6">
                  <div class="d-lg-flex flex-lg-wrap flex-lg-column justify-content-lg-between h-100">
                    <div class="mb-4">
                      <h4 class="post-card__text-block-title">
                        <a :href="`/${item.slug}/${post.slug}`">
                          {{ post.title }}
                        </a>
                      </h4>
                      <div>
                        {{ post.short_story }}
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </VueSlickCarousel>

Answer 1

请分享您的属性以获得更好的图片，也请尝试只添加 属性 及其对象，如下所示：:href="item.slug/post.slug"，但为了更好的参考，请提供您的属性。

Answer 2

尝试将 pointer-events: none 添加到图像中。它应该可以解决问题。