Javascript 如何在Vue中使用此分页菜单？

我通过以下方式安装了laravel vue分页：

npm安装laravel vue分页

然后我在app.js中全局注册了它：

Vue.component（'pagination'，require（'laravel-Vue-pagination'）；

最后，我有菜单，每个菜单都有类别，而每个类别都有产品。分页应该每页显示3个产品。它显示了第一页，下面显示了可用的页面数，但页面不可点击。我点击了第2页或第3页，什么也没发生

{{product.descrippt}}
{{product.TAG1}}
{{product.TAG2}}
{{product.PRICE}}

以及：

github和我的唯一区别是将CATID添加到ajax中：

获取结果（catid，第1页）{ axios.get（'api/getproducts/'+this.restid+'/'+catid+'？page='+page） 。然后（响应=>{ this.products=response.data； }); },

---

知道如何使分页菜单工作吗？

除了奇怪的HTML层次结构之外，您没有从

分页更改页面

事件捕获所选页面

尝试使用以下命令（注意

$event

的用法）

您还可以稍微清理一下

getResults

方法

异步getResults（catid，第1页）{ const url=`api/getproducts/${encodeURIComponent（this.restid}/${encodeURIComponent（catid）}` const{data}=wait axios.get（url，{params:{page}） 这就是产品=数据； },

---

div->body->tbody

看起来不像任何正确的HTML层次结构