微信网页版中数据的流向

数据的流向方式一

从gitlab中获取相对应的api

const getDocDateInfo = async (params) => {
  let result = 
  try {
    result = await v.$axios.post(register/numberSource, params)
    if (result.status == 200) {
      return result.result
    } else if (result.status == 204) {
      return result.result
    } else if (result.status == 401) {

    } else {
      v.$loading = false
      Toast({message: result.message, duration: 2000})
    }
  } catch (e) {
    console.log(e);
  }
}

从register/numberSource的api接口获取，再次对数据status进行判断

import {getDocDateInfo, getDocShiDuan, getDocInfo} from "@/server/server/register";

从/server/server/register中获取数据路由，获取getDocDateInfo

export default {
    methods:{
            getDocList(params) {
                return new Promise((resolve, reject) => {
                    getDocDateInfo(params).then((res) => {
                    this.docInfo = res
                    })
                })
            }
    }

从getDocDateInfo中获取到参数，将参数传递给docInfo

export default {
  name: "hesuanDoclist",
  data() {
    return {
      docInfo: [],
    };
  },
}

在vue中将数据docInfo定义，并赋值给空

最终使用数据

   <div class="docbox" v-for="(item,index) in docInfo " :key="index">
      </div>

用v-for将docInfo数据取出来，放到template中，最终显示到视图上

数据的流向方式二

获取科室列表 从api文档中 异步post获取

/** 获取科室列表
 * @param {object} params 请求的参数
 * - @param {string} [params.dept_id] 科室代码，不传则返回全部]
 */
export const getDepartmentList = params => v.$axios.post(register/department, params);

用import 将数据引入

import {getDepartmentList} from @/server/server/register;

在methods中获取到这个数据getDepartmentList 申明变量 将数据赋值depsList

getDepartmentList()
        .then((res) => {
          this.$bar.done();
          console.log(科室CB=>, res);
          this.show = true;
          this.loading = false;
          if (Array.isArray(res) && res.length > 0) {
            this.depsList = res;
            this.getDoctorList(res[0].dept_id); // 默认取第一个科室的医生列表
          }
        })
        .catch((err) => {
          console.log(科室获取err=>, err);
          if (err.status == 204) {
            this.show = true;
            this.loading = false;
          }
        });

在date中声明变量depsList

然后在里面使用

<template v-for="(item, index) of depsList">
   <van-sidebar-item @click="getDoctorList(item.dept_id)" :key="index" :title="item.dept_name" />
</template>