Я пытаюсь создать версию списка элементов vuetify. Я обнаружил библиотеку swiper js .com, которая делает потрясающую работу по добавлению возможностей смахивания для элемента html. Я также нашел этот проект https://github.com/davidgaroro/vuetify-swipeout, который объединяет библиотеку vuetify и библиотеку swipeable. Прочитав содержимое проекта vuetify-swipeout, похоже, что хитрость заключается только в установке правильных классов в компоненте v-list-tile, а именно
<v-list-tile class="swiper-slide">
при окружении элемента
<div :id="id" class="swiper-container">
<div class="swiper-wrapper">
...
</div>
</div>
Демонстрация очень хорошо работает на сайте github.
Однако здесь есть хитрость, так как v-list-tile больше не поддерживается текущей версией vuetify, я заменил все v -list-tile с v-list-item - который я ожидал эквивалентным - но это не так, и все v-list-item переводятся влево до тех пор, пока вы не увидите их на экране без прокрутки.
Поэтому вместо того, чтобы скрывать заменяемый контент и показывать основной контент, весь контент, который он переводил влево, делает плитку невидимой для экрана.
Я был бы очень признателен, если бы вы могли помочь мне. чтобы понять, что я делаю неправильно.
Спасибо и всего наилучшего,
Пэт