舞时空 2023-04-14 17:29 采纳率: 75%
浏览 41
已结题

前端初始化页面,后端接口会被多次调用

vue项目前端通过created()初始化展示数据时,后端接口会被调用五次是为什么


```vue
<template>
  <div>
      <el-main style="padding-left: 0px;padding-top: 0px">
        <div>
          <el-table
            :data="typesList"
            v-loading="tableLoading"
            :row-key="(row)=>{ return row.id}"
            border
            stripe
            size="mini"

            style="width:700px;height: 230px">
            <el-table-column
              type="selection"
              :reserve-selection="true"
              align="left"
              width="50px">
            </el-table-column>

            <el-table-column
              prop="id"
              align="left"
              label="ID"
              width="200px">
            </el-table-column>
            <el-table-column
              prop="name"
              width="300px"
              align="left"
              label="名称">
            </el-table-column>

            <el-table-column
              fixed="right"
              label="操作"
              width="125px">
              <template slot-scope="scope">

                <el-button type="warning" style="padding: 3px 4px 3px 4px;margin: 2px"
                           @click="updateView(scope.row)"     size="mini">修改
                </el-button>

                <el-button type="danger" style="padding: 3px 4px 3px 4px;margin: 2px" size="mini"
                           @click="deleteEmp(scope.row)" >删除
                </el-button>
              </template>

            </el-table-column>
          </el-table>


          <div style="display: flex;justify-content: space-between;margin: 2px">
            <!--分页-->
            <el-pagination
              background
              :page-size="5"
              :current-page="currentPage"
              @current-change="currentChange"
              layout="prev, pager, next"
              :total="totalCount">
            </el-pagination>
          </div>
        </div>
      </el-main>

  </div>
</template>

<script>
    export default {
      name: "OrdersList",
      data() {
        return {
          typesList: [],
        }
      },
      created() {
        this.getTypes();
      },
      methods: {
        //获取所有信息
        getTypes() {
          this.getRequest("types/typesList?pageIndex=" + this.currentPage + "&pageSize=5").then(resp => {
            if (resp.data.code === 10000) {
              this.typesList = resp.data.typesList;
              this.totalCount = resp.data.count;
              // console.log("数量给asdada:"+resp.data.typesList.length)
            }
          })
        },
      }
    }
    </script>


```vue
//get查 
let base = 'http://localhost:8989/';
export const postRequest = (url, params) => {
  console.log("路径为:"+`${base}${url}`)

  return axios({
    method: 'post',
    url: `${base}${url}`,
    data: params,
    transformRequest: [function (data) {
      let ret = ''
      for (let it in data) {
        ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
      }
      return ret
    }],
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    }
  });
}






img

  • 写回答

5条回答 默认 最新

  • CSDN-Ada助手 CSDN-AI 官方账号 2023-04-16 02:16
    关注
    不知道你这个问题是否已经解决, 如果还没有解决的话:

    如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

问题事件

  • 系统已结题 4月24日
  • 已采纳回答 4月16日
  • 修改了问题 4月15日
  • 修改了问题 4月15日
  • 展开全部

悬赏问题

  • ¥15 调用函数时,无关变量的改变引起函数值的改变
  • ¥15 xy坐标转化为经纬度坐标
  • ¥15 一般三角模糊数的上界值和下届值取中值的多少比较合理?
  • ¥15 关于#python#的问题,请各位专家解答!
  • ¥20 Hbase启动失败,无法启动HMaster
  • ¥15 sqpingboot在父模块已经引入了mybatisplus 在子组件不写版本号还是报错
  • ¥20 Lumerical FDTD solutions 中模型的相对阻抗,有效介电常数和有效磁导率的实部和虚部的数据如何获得?
  • ¥100 sql reporting service 远程smtp服务器配置支持
  • ¥15 ppyoloe_r带角度目标检测,loss_cls没法收敛
  • ¥15 淘宝交易指数如何解读,其关联的数据指标是什么