阅读量:132
在Vue中实现下一页功能,可以使用以下步骤:
-
在Vue组件中定义一个变量
currentPage来表示当前页码,初始值为1。 -
在模板中显示当前页的内容。
-
添加一个按钮或链接,当点击时触发一个方法
nextPage。 -
在
nextPage方法中,将currentPage的值加1,并更新模板中的内容。
下面是一个示例代码:
Page {{ currentPage }}
<button @click="nextPage">Next Page</button>
[removed]
export default {
data() {
return {
currentPage: 1
};
},
methods: {
nextPage() {
this.currentPage++;
}
}
};
[removed]
在这个示例中,点击按钮时,nextPage方法会将currentPage的值加1,从而实现下一页的功能。