首页 > 其他分享 >vue调用完一个接口 全局中才调用另外N个接口

vue调用完一个接口 全局中才调用另外N个接口

时间:2023-11-18 13:45:00浏览次数:32  
标签:code vue initParam param 调用 接口 data

mounted(){ 
     // 先调用initParam接口 再调用第二个接口
     this.initParam().then((res)=>{
        this.getDataList();
     })
},
// 1. 把方法挂载到全局 methods: { async initParam(){ const {code,data,msg} = await getParam() if(code === '0'){ this.param = data;
       // 2. 或者使用vuex dispath actions } }, async getDataList(){ var params = {param:this.param}; const {code,data,msg} = await getDataList(params) if(code === '0'){ //...... } } }

 

标签:code,vue,initParam,param,调用,接口,data
From: https://www.cnblogs.com/lucky06y/p/17840403.html

相关文章

  • Vue3 Element-Plus 一站式生成动态表单
    数据接口设计typeTreeItem={value:stringlabel:stringchildren?:TreeItem[]}exporttypeFormListItem={//栅格占据的列数colSpan?:number//表单元素特有的属性props?:{placeholder?:stringdefaultValue?:unknown//绑定的默认......
  • Vue 设置为history模式之后,刷新页面报404错误的解决办法
    网上搜索出现很多修改前端或后端的方法试了都不行,后来在IIS中添加URL重写规则就解决了(如果没有Url重写模块,需要下载安装:rewrite_amd64_zh-CN.msi),设置重写之后会在网站前端根目录下生成一个web.config文件。所以如果嫌配置url重写麻烦的话,直接把这个web.config文件放置到自己网站......
  • C/C++ 运用VMI接口查询系统信息
    WindowsManagementInstrumentation(WMI)是一种用于管理和监视Windows操作系统的框架。它为开发人员、系统管理员和自动化工具提供了一种标准的接口,通过这个接口,可以获取有关计算机系统硬件、操作系统和应用程序的信息,以及对系统进行管理和控制的能力。WMI允许通过编程方式查询系......
  • 一个简单案例的Vue2.0源码
    本文学习vue2.0源码,主要从newVue()时发生了什么和页面的响应式更新2个维度了解Vue.js的原理。以一个简单的vue代码为例,介绍了这个代码编译运行的流程,在流程中原始DOM的信息会被解析转换,存在不同的对象中。其中关键的对象有el、template、ast、code、render、renderfunction和vno......
  • 手撕Vuex-安装模块方法
    前言经过上一篇文章的介绍,我们实现了将模块安装到store中,那么本章我们就来介绍一下怎么安装模块当中的方法也就是actions、mutations、getters。所以本次文章的目标就是将模块当中的actions、mutations、getters安装到store中,然后在组件中使用。分析阶段那么安装acti......
  • uniapp脚手架中vue3项目配置`@`,并且在vscode中有提示
    uniapp脚手架中vue3项目配置@,并且在vscode中有提示在vite.config.js中配置一下代码import{defineConfig}from"vite";importunifrom"@dcloudio/vite-plugin-uni";import{resolve}from"path";//https://vitejs.dev/config/exportdefaultdefine......
  • Vue多页面和单页面的场景
    开发分类实现方式页面性能开发效率用户体验学习成本首屏加载SEO单页一个html页面按需更新性能高高非常好高慢差多页多个html页面整页更新性能低中等一般中等快优场景单页面应用系统类网站内部网站文档类网站移动端站点多页面应用公......
  • 【前端VUE】VUE环境安装
    nodejs安装nodejs教程https://blog.csdn.net/muzidigbig/article/details/80493880检查是否安装成功VUE安装npminstall-g@vue/cli创建VUE项目vue create项目名称第一个和第一个是默认的VUE3和VUE2配置,当前选择Manuallyselectfeatures自行选择配置。选择Babel......
  • 如何解决本地开发调用OpenAI接口的问题
    在开发过程中,如果需要在本地调用openAI接口进行开发调试,一般主要是通过以下两种方式:直连和代理转发。1.直连1.简单粗暴,懂的都懂2.代理转发代理转发又有两种类型,使用第三方代理和自建代理两种,下面将分别举例说明2.1.第三方AI网关1.注册Cloudflare,开通AI网关功能(Beta......
  • JSON 格式的接口测试流程【Eolink Apikit】
    在进行JSON格式的接口测试时,需要使用工具发送HTTP请求并获取响应。测试工具可以是单独的测试框架,如EolinkApikit。测试人员需要根据接口文档和测试用例编写测试脚本,然后运行测试并分析结果,以确保接口的质量和稳定性。当我们后端需要从前端拿到这些JSON数据,我们应该如何测试自己......