【列表展示页，改变双数据的page和size的值，页面数据毫变化】

列表展示页，改变双数据的page和size的值，页面数据毫变化

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

详细描述

截图

代码

<table class="table table-striped f14">
          <tr>
            <th>ID</th>
            <th>名称</th>
            <th>类型</th>
            <th>发布时间</th>
            <th>修改时间</th>
            <th>发布者</th>
            <th>状态</th>
            <th>操作</th>
          </tr>
          <tr v-for="(item, key) in message" :key="item.id">
            <td>{{ key + 1 }}</td>
            <td>{{ item.title }}</td>
            <td>{{ reset[item.type].type }}</td>
            <td>{{ item.createAt }}</td>
            <td>{{ item.updateAt }}</td>
            <td>{{ item.author }}</td>
            <td>{{ reset[item.status].status }}</td>
            <td><a>上线</a><a>编辑</a><a>删除</a></td>
          </tr>
        </table>

data() {
    return {
      message: [],
      reset: [
        { val: 0, type: "首页Banner" },
        { val: 1, type: "找职位Banner", status: "草稿" },
        { val: 2, type: "找精英Banner", status: "上线" },
        { val: 3, type: "行业大图" }
      ]
    };
  },
  methods: {
    requestData() {
      let data = {
        page: 2,
        size: 8,
        total: 30,
        list: 3
      };
      this.$axios({
        method: "get",
        url: "/carrots-admin-ajax/a/article/search",
        headers: { "content-type": "application/x-www-form-urlencoded" },
        data: this.qs.stringify(data)
      })
        .then(resp => {
          this.message = resp.data.data.articleList;
          for (var a = 0; a < this.message.length; a++) {
            this.message[a].createAt = new Date(
              this.message[a].createAt
            ).toLocaleString("chinese", { hour12: false });
            this.message[a].updateAt = new Date(
              this.message[a].updateAt
            ).toLocaleString("chinese", { hour12: false });
          }
          console.log(resp);
          console.log(data);
          console.log(this.qs.stringify(data));
        })
        .catch(err => {
          console.log(err);
        });
    }
  },
  mounted() {
    this.requestData();
  }

编辑于2024-11-24

时间排序

热门排序

[外门弟子]JS-10
1

来了，实验后发现上传值是默认的page：1和size：10。搞了半天，试了原生的方法，jsonp都行，最后在axios官方文档仔细看了一下，问题出在上传信息的方法上面
this.$axios({
        method: "get",
        url: "/carrots-admin-ajax/a/article/search",
        headers: { "content-type": "application/x-www-form-urlencoded" },
        params: { //就是这个鬼东西，get上传数据的方法是params
          page: this.currentPage,
          size: this.pageSize
        }

this.$axios({
        method: "get",
        url: "/carrots-admin-ajax/a/article/search",
        headers: { "content-type": "application/x-www-form-urlencoded" },
        data: {//post上传数据的方法是data
          page: this.currentPage,
          size: this.pageSize
        }
      })
太粗心了，以后还是不要复制粘贴的好，手写减少麻烦

查看全部>

编辑于2020-05-10

去第页