добавить скользящий слайдер в vue компонент для laravel - PullRequest
0 голосов
/ 21 января 2020

Я пытаюсь добавить скользящий слайдер в свой проект 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 проект. спасибо


Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...