Как добраться до элементов, которые загружаются с помощью vue -infinite-scroll? - PullRequest
Новая
       42

Как добраться до элементов, которые загружаются с помощью vue -infinite-scroll?

0 голосов
/ 18 января 2020

Я использовал vue-infinite-loading в своем приложении Laravel для загрузки своих сообщений, но я не могу найти элементы, которые они загружают после прокрутки. Я хочу, чтобы jQuery и waypoint.js влияли на элементы сообщений, но я не могу этого сделать. Я также попытался загрузить свой скрипт асинхронно, но таким образом я могу повлиять на сообщения, которые были загружены первыми

Вот мой пост. vue коды: 

<script>

import axios from 'axios';
import InfiniteLoading from 'vue-infinite-loading';
export default {

    mounted(){
        this.getPosts()
    },
    data(){
        return{
            posts: []
        }

    },
    methods: {
        getPosts: function () {

            axios.get('/posts').then(response => {
                this.posts = response.data.posts;
            });
        },
        infiniteHandler: function ($state) {
            let limit = this.posts.length + 2;
            axios.get('/posts',{params: {limit: limit}}).then(response => {
                this.loadMore($state, response);
            });
        },
        loadMore: function ($state, response) {
            if (response.data.posts.length){

                this.posts = response.data.posts;
                setTimeout(()=>{
                    $state.loaded();
                }, 3000);

                if ( response.data.total == this.posts.length) {
                    $state.complete();
                }
            } else{

                $state.complete();
            }
        }

    }
}

Я импортировал файл скрипта в индекс. html: 

<script src="{{asset('js/dates.js')}}"></script>
...