Vue.js 获取评论列表方法详解 - getComList() 函数

Vue.js 获取评论列表方法 - getComList() 函数详解

getComList() 方法是一个 Vue.js 中用于获取评论列表的函数，其主要功能如下：

1. 创建空对象 data：该方法首先定义了一个空对象 data，用于存储获取评论列表所需的请求参数。

2. 设置请求参数：

   • data.comBodyId：获取 pptUrl 参数值，并将其赋值给 comBodyId 属性。该参数用于指定要获取评论的页面或内容的 ID。
   • data.comBodyType：将该属性的值设置为 1，用于指定评论类型。

3. 调用 API 获取评论列表：

   • 该方法调用 ListComPub() 函数，并传入 data 对象作为参数。ListComPub() 函数是一个 API 接口，用于获取评论列表数据。该函数返回一个 Promise 对象，表示异步获取评论列表的操作。

4. 处理 Promise 结果：

   • 使用 then() 方法处理 Promise 对象，当 API 调用成功后，将返回的评论列表数据存储到 this.commentList 变量中，并把评论列表的总数存储到 this.commentListTotal 变量中。

代码示例:

 getComList() {
  const data = {};
  data.comBodyId = this.$route.query.pptUrl;
  data.comBodyType = 1;
  ListComPub(data).then(res => {
    this.commentList = res.rows;
    this.commentListTotal = res.total;
  });
 },

总结：

getComList() 方法通过调用 API 接口获取评论列表数据，并将数据存储到相应的变量中，从而实现评论列表的展示功能。