Я пытаюсь добавить скользящий слайдер в свой проект laravel в компоненте vue, как показано ниже, это мой слайдер. vue компонент:
<template>
<div class="home-slider">
<slick ref="slick" :options="slickOptions">
<a href="http://placehold.it/320x120">
<img src="http://placehold.it/320x120" alt="">
</a>
...
<a href="http://placehold.it/420x220">
<img src="http://placehold.it/420x220" alt="">
</a>
</slick>
<i @click="slideLeft()" class="icon icon-chevron-down"></i>
</div>
</template>
<script>
import Slick from 'vue-slick'
new Vue({
components: { Slick },
data() {
return {
slickOptions: {
//options can be used from the plugin documentation
slidesToShow: 4,
infinite: true,
accessibility: true,
adaptiveHeight: false,
arrows: true,
dots: true,
draggable: true,
edgeFriction: 0.30,
swipe: true
}
}
},
// All slick methods can be used too, example here
methods: {
next() {
this.$refs.slick.next()
},
prev() {
this.$refs.slick.prev()
},
reInit() {
// Helpful if you have to deal with v-for to update dynamic lists
this.$refs.slick.reSlick()
}
}
})
</script>
и в моем блейд-файле у меня есть некоторые как показано ниже:
.
.
.
.
<home-slider url="/api/home/newpost"></home-slider>
.
.
.
.
но в моем приложении, кстати, ничего не появляется, когда я запускаю команду, как показано ниже:
npm install --no-optional vue-slick
я получаю сообщение, как показано ниже:
├── jquery@3.4.1 extraneous
├── vue-carousel@0.18.0
└── vue-slick@1.1.15 extraneous
означает ли это, что пакеты установлены или нет ?? и если вы знаете какой-нибудь более простой пакет для использования внутри vue проекта в laravel, вы можете предложить мне. и я был бы очень рад, если бы вы, ребята, смогли помочь мне импортировать этот слик vue в мой laravel проект. спасибо