Vue Slick Carousel 无法将图像作为链接答案

【问题标题】：Vue Slick Carousel can't make image as a linkVue Slick Carousel 无法将图像作为链接
【发布时间】：2020-06-28 21:30:29
【问题描述】：

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

这是我的代码：

 <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>

【问题讨论】：

标签： vue.js slider nuxt.js slick.js vue-slider-component

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：