Не работает слайдер Swiper

+Как сделать, чтобы остальные слайдеры тоже работали или переинициализировать активный\nвывожу по 3 пользователя и у каждого слайдер с фотками введите сюда код\n\n \n

{{user.fullname}}, {{user.age}}

\n \n \n \n \n \n \"avatar\"\n \n \n \"avatar\"\n \n \n \n \n \n \n \n \n \n \n \n Отменить последнее действие\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Смотреть понравившихся девушек\n \n \n\nпри клике лайк, активного пользователя я удаляю и присваиваю активным уже второго пользователя, но\n import { swiper, swiperSlide } from 'vue-awesome-swiper'\n export default {\n name: \"Dating\",\n components: {\n swiper,\n swiperSlide\n },\n data: function() {\n return {\n users: [],\n attribute: [],\n images: [],\n\n swiperOption: {\n pagination: {\n el: '.swiper-pagination',\n type: 'fraction',\n },\n\n // Navigation arrows\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev',\n },\n\n // And if we need scrollbar\n scrollbar: {\n el: '.swiper-scrollbar',\n },\n },\n }\n\n },\n mounted(){\n this.getUser();\n },\n methods: {\n getUser(){\n axios.post('/dating/search',{min:this.min, max: this.max})\n .then((response) => {\n this.users = response.data;\n\n })\n .catch(error => {});\n },\n Like(id){\n axios.post('/dating/search/like',{id:id})\n .then((response) => {\n if (response.data.error === 0){\n $('.dating_cards--wrapp li[data-partner-id='+id+']').addClass('remove');\n setTimeout(function(){\n $('.dating_cards--wrapp li[data-partner-id='+id+']').remove();\n }, 600);\n\n let count_li = this.users.length - 1;\n if (count_li > 0){\n $('.dating_cards--wrapp li:not(.active)').filter( ':first' ).addClass('active');\n }else{\n this.getUser();\n }\n }else{\n toast.fire({\n icon: 'error',\n title: response.data.message\n });\n }\n })\n .catch(error => {});\n },\n }

Ответы на вопрос(0)

Ваш ответ на вопрос