首页 > 其他分享 >Vue 目录树正常跳转,浏览器新增页面地址栏输入后created函数请求不走完

Vue 目录树正常跳转,浏览器新增页面地址栏输入后created函数请求不走完

时间:2024-09-20 09:23:22浏览次数:1  
标签:... Vue 请求 created ++ api 跳转 地址栏 页面

在vue树中开发当created()涉及到多个接口请求的时候,一般我们都是用来渲染页面或者给变量初始化,在实际开发中我遇到了浏览器新增页面用地址直接访问页面数据以默认值展示导致报错,当发现created()涉及多个请求赋初值的情况,将请求用{}包起来保证顺序执行,当每个请求是独立的就会有异步的情况出现。

以下为示例代码:

   api.a(param1).then(() => {a = res.data[0];...});
   api.a(param2).then(() => {b = a++;...});
   api.a(param3).then(() => {c = b++;...});

如果请求中都有赋值的情况且具备上下关联性,则需要将请求包含在上一个关联的请求里。

api.a(param1).then(() => {
  a = res.data[0];...
  api.a(param2).then(() => {
    b = a++;...
    api.a(param3).then(() => {
      c = b++;...
    });
  });
});

标签:...,Vue,请求,created,++,api,跳转,地址栏,页面
From: https://www.cnblogs.com/hgao/p/18421856

相关文章

  • 【开题报告+文档+源码】基于SpringBoot+Vue的停车场管理系统
    项目背景与意义随着城市化进程的不断推进和汽车保有量的不断增加,城市道路上的停车难题愈发突出。传统的停车管理方式已经难以满足日益增长的停车需求。为了解决这一问题,需要设计并开发一套停车管理系统。本课题旨在基于SpringBoot开发一套停车管理系统,以提供更便捷、高效的停......
  • 基于Java+SpringBoot+Vue的桂林旅游景点导游平台
    前言✌全网粉丝20W+,csdn特邀作者、博客专家、CSDN[新星计划]导师、java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌......
  • 基于JAVA+SpringBoot+Vue的欢迪迈手机商城设计与开发
    前言✌全网粉丝20W+,csdn特邀作者、博客专家、CSDN[新星计划]导师、java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌......
  • 学习vue必备知识点
    v-if和v-for的优先级先说一下关于这个问题的答案:在vue2中,v-for的优先级高于v-if在vue3中,v-if的优先级高于v-for有时我们可能会这样1. 为了过滤列表中的项目<divv-for="userinusers"v-if="user.isActive">xxx</div>在vue2中,会先执行循环,再进行判断;哪怕最终渲染的只......
  • vue计算属性 监听 方法的区别
    Vue.js是一个用于构建用户界面的渐进式框架。在Vue.js中,计算属性、监听属性和方法都是用来处理数据变化的,但它们各自有不同的应用场景和特点。1、计算属性计算属性是Vue.js中的一个特性,它允许我们响应式地计算一些属性。计算属性基于它的依赖进行缓存,也就是说,如果它的依赖......
  • 深入解析Vue 3组合函数:提高代码复用性和模块化的最佳实践
    随着Vue3的引入,组合式API(CompositionAPI)带来了更灵活的代码组织方式,组合函数作为其核心部分,能够显著提升代码的可维护性、复用性和模块化。在这篇文章中,我们将通过一个具体的表格管理和分页功能的示例,详细介绍如何使用组合函数来构建更加高效和清晰的Vue3应用。1.组合函数......
  • 基于Vue 3组合函数的分页、搜索与排序实践 —— nbsaas-boot项目的实际应用
    随着前端框架的不断发展,Vue3引入的组合式API(CompositionAPI)为开发者提供了一种更灵活、更强大的逻辑复用方式。组合函数(CompositionFunction)可以将通用逻辑抽取成独立模块,便于在不同组件间共享和复用。本文将基于nbsaas-boot项目,详细介绍如何通过Vue3的组合函数实现分页、......
  • VUE框架CLI组件化配置Router实现单页面路由程序省市切换联动------VUE框架
    //导入vue-router对象importVueRouterfrom"vue-router";importHebeifrom"../components/hebei.vue";importHenanfrom"../components/henan.vue";//创建路由器对象(在这个路由器对象中配置路由)constrouter=newVueRouter({//在这里配置所有的路由规则......
  • [Java原创精品]基于Springboot+Vue的高校社团管理、学生社团招新平台
    项目提供:完整源码+数据库sql文件+数据库表Excel文件1、项目功能描述本项目角色为社团社长、学生用户、系统管理员三角色,社长登录进入后台,可切换至前台使用功能,学生用户只进入前台使用,系统管理员只进入后台管理操作。1.1注册注册功能:填写用户名、密码进行注册。(“我已......
  • 一个vue 页面
    好的,我会对你的代码进行一些样式上的调整,以使布局更加美观和实用。以下是修改后的代码:```html<template><divclass="login-page"><el-formref="formRef":model="form"class="centered-form"label-width="120px"><el-row:......