Javascript Vue-如何使分页工作成为响应的一部分

我需要使分页（这是响应数据的一部分）与我的代码以及过滤器一起工作

JS

返回的分页html格式如下所示

                        <ul class="frm_pagination">
                            <li class="active">
                                <a href="?frm-page-16=1">1</a>
                            </li>
                            <li class="">
                                <a href="?frm-page-16=2">2</a>
                            </li>
                            <li class="">
                                <a href="?frm-page-16=3">3</a>
                            </li> 
                            <li class="dots disabled">...</li> 
                            <li class="">
                                <a href="?frm-page-16=40">40</a>
                            </li>
                            <li class="">
                                <a href="?frm-page-16=2" class="next">&gt;</a>
                            </li>
                        </ul>

…

---

因此，基本上我需要对返回的分页链接执行默认设置，从单击的链接中获取页码，并在我的api中使用它，如So/wp json/frm/v2/views/16/？page=2

那么，您可以使用

mounted

hook来检测链接单击：

mounted(){

    this.$el.addEventListener('click', ev => {

        // detect if a pagination link is clicked
        if( !ev.target.matches('.frm_pagination a') ) return;

        ev.preventDefault();

        let page = ev.target.href.match(/rm-page-16=(\d+)/)[1];

        // use the page;
    })
}

mounted(){

    this.$el.addEventListener('click', ev => {

        // detect if a pagination link is clicked
        if( !ev.target.matches('.frm_pagination a') ) return;

        ev.preventDefault();

        let page = ev.target.href.match(/rm-page-16=(\d+)/)[1];

        // use the page;
    })
}