最近看到一个需求:
实现一个评论功能,要求对评论列表进行分页显示
对相应模块实现组件化
能显示发布者、发布时间以及内容
乍一看不是很难,但是在具体的实现上还是遇到了一些问题。此外,因为第一次使用 vue ,看文档看的也是一脸懵逼,话不多说,下面来分析一下,具体每个模块是怎么实现的。
评论表单代码:
//引入组件 commentInput、commentList、pagination
import UserDiv from './commentInput.vue'
import PageDiv from './pagination.vue'
import CommentDiv from './commentList.vue'
export default {
//声明组件名
name: 'comment',
//包含实例可用组件的哈希表
components: {
UserDiv,
PageDiv,
CommentDiv
},
//声明组件参数
data() {
return {
totalCount: 0,
currentPage: 1,
pagesize: 3,
totalData: [],
List: [],
}
},
methods: {
//显示评论列表信息的方法
getInp