vue求大佬解答 我点击按钮第一次获取不到数据 必须第二次才能拿到数据

最新推荐文章于 2024-04-26 16:47:03 发布
最新推荐文章于 2024-04-26 16:47:03 发布
阅读量3k 收藏 2
点赞数 1
分类专栏： vue.js axios封装 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nextpassword/article/details/109668672
版权

图六
图五
图七
图二
图一 点击人员按钮
图 三
图4
大佬们 我点击人员按钮 第一次进去 没有获取到数据 必须第二次点击按钮进去才能获取到数据
我试了定时器 和判断是否拿到数据再打开模态框 都没用
判断第二种是否拿到数据的话 如图三 所示 第一次点击按钮 模态框不会打开
必须点击第二次才能打开模态框 所以我怀疑是我封装的axios的问题
图4-7是我axios的封装过程 图7是main.js导入封装组件
求大佬解答 在线等 急 ！！！

渣楠
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
解决vue 按钮多次点击重复提交数据问题
08-27
主要介绍了vue 按钮多次点击重复提交数据的问题,本文通过实例结合的形式给大家介绍的非常详细，需要的朋友可以参考下
帆软报表使用过程中遇到的问题……
热门推荐
weixin_45682994的博客
04-01 1万+
问题1: 点击查询按钮没反应 解决方法： 一定要选择查询按钮，而不是按钮 问题2: 数据库中多行数据放在了同一行显示 解决方法： 扩展方向选择选择"纵向" 问题3: 页面显示的列，少于本来的数据列 **解决方法：**预览模式选择“填报预览”、“数据分析”即可 问题4: 多个数据集合并，将相同的列进行过滤，如以下数据集过滤选择"业务员"和"省份"。但是过滤之后，“批销数量”并没有匹配上。 **解决方法：**选中要匹配的数据了，例如"批销数量"，选中过滤条件。格式一定要选“单元格”。 ...
form表单里点查询按钮要两次才能跳转
weixin_63285981的博客
10-15 315
点击第一次只会跳转本网页，需要在点击一次才能跳转到原本想跳转的网页。 对着点击事件和js跳转代码坐了半天没发现问题， 经过对旁边同事的询问才知道是form 的自动提交问题，之前都没有了解过form表单还有这个东西。
vue可以同时有2个点击事件吗_在Vue组件中获取全局的点击事件方法
weixin_35500243的博客
01-30 1859
使用场景：在Vue组件中点击某元素之外的地方移除该元素需求：如上图所示，“用户列表”页面有三个Vue组件组成，分别是“菜单组件”，“导航组件”和“列表组件”。其中“列表组件”中包含一个“下拉菜单”，当我们点击“下拉菜单”以外的区域隐藏下拉菜单。解决方法一：出现“下拉菜单”的同时，建一个透明的遮罩层，然后只有“下拉菜单”可以点，点击遮罩层就隐藏。缺点：z-index层数要控制好，还有就是如果点击其他...
解决 Vue2 点击事件要点击两次才生效的问题
joe0235的博客
09-27 6283
问题： 项目落地页使用 LinkedME 深度链接服务跳回App，单独在 jQuery 下没问题，可以正常点击跳转，但是放在 vue 的 methods 方法中，就需要点击2次才可以触发。 查了一些资料，基本都是创建封装 LinkedME 代码，然后 import 进去使用，但是我这个只是一个简单的功能网页，并不想做的那么复杂。 解决办法： 在 created 钩子里进行插件的初始化 例如： <div @click="linkPage">下载APP</div> <script
解决vue中第一次点击按钮无数据，第二次点击有数据
weixin_56042678的博客
04-11 1753
一般情况下看我们有没有声明接受数据的变量，如果没用声明的话，第一次点击按钮才会去声明变量，所以不会拿到数据，当第二次点击按钮时，此时就会拿到数据。解决方法，在return里面声明接受参数的变量，这样第一次点击按钮就可以拿到数据了。如果我们需要拿到数据，但是点击按钮数据没用拿到。
vue elementUI dialog首次调用不加载/获取元素为null
Rng__Uzi的博客
11-02 859
vue elementUI dialog首次调用不加载/获取元素为null
解决vue中拿不到第一次数据，只能从第二次拿的情况
weixin_45890764的博客
05-02 9111
this.$nextTick 第一种情况： 页面改变了，但是数据没有改变，我们使用的是this.$nextTick，官网是这样解释的：将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它，然后等待DOM更新。我们通过案例来了解： <template> <div id="app"> <button @click="change">按钮</button> <test ref="test" @change="change" /&
vue数据更新后，表格没有更新，需要点击两次才更新
weixin_41498246的博客
05-30 5381
1、在《el-table》中加入属性 ：key=“key” 2、在data中加入变量的定义并初始化 3、在methods的函数中通过对变量的自增，从而触发el-table 的刷新
vue3 在onMounted 调用async初始化数据函数是时，数据为空的问题
weixin_46463984的博客
03-12 1万+
vue3 在onMounted 调用async初始化数据函数时 ，数据为空的问题错误代码运行结果显示分析猜测原因验证最后修改代码结果其实这是一个很简单的问题 ，就是在``onMounted``中使用异步函数的时候要加上 ``async`` 错误代码 <script setup> import {ref,onMounted ,reactive} from 'vue' import { useRoute } from 'vue-router' import {getArticelById} from
vue 循环加载数据并获取第一条记录的方法
12-29
最近使用elment ui和vue.js，遇到需要像c:foreach类似的效果，就找了 vue的API：https://cn.vuejs.org/v2/guide/list.html#v-for-with-v-if element ui：http://element.eleme.io/#/zh-CN/component/input 用法： ...
解决vue bus.$emit触发第一次$on监听不到问题
10-15
主要介绍了解决vue bus.$emit触发第一次$on监听不到问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui表格搜索一次后按钮失效
qq_41948525的博客
06-13 1510
对于layui 有着非常好的demo，让很多人体验很好，很多完整的实例。 那么今天就来探讨一下layui下搜索一次后按钮失效是为什么呢？ 其实 是dom被重构了，事件监听不到。 var $ = layui.$, active = { reload: function(){ var demoReload = $('#demoReload'); //执行重载 table.reload('testReload', { page: {
vue子组件无法获取到父组件最新数据
m0_46169419的博客
12-23 3177
子组件无法获取父组件最新的数据，总是获取上一次问题解决方法。
路由懒加载必须点击两次后，才能正常跳转
m0_64931981的博客
08-31 270
我一开始是这样写的，在最初的时候，这样写是没有问题的，但是随着组件慢慢变大，就出现了点击两次才能跳转，然后我换成这样的写法，就正常了。这是因为组价太大的缘故，导致第一次点击的时候，它开始加载，第二次点击才能正常显示，所有我们应该改变路由写法。
为什么查询时总是点击查询按钮两次才会有结果，而以后只要点击一次就可以有查询结果了？...
aibi9196的博客
02-19 392
为什么查询时总是点击查询按钮两次才会有结果，而以后只要点击一次就可以有查询结果了？ Delphi / Windows SDK/APIhttp://www.delphi2007.net/DelphiDB/html/delphi_20061219170657216.html 我用Delphi做查询时，用的是TADOQuery，传递参数进行查询，可是，查询窗体刚打开时，为什么总是要点击“查...
element plus + vue3表单第一次数据未清空的bug问题解决
分享互联网的有趣知识~
12-23 2395
场景一： 表单的添加和修改功能，公用同一个弹框，点击修改后，点击添加表单显示的是上次修改的数据。 场景二： 点击修改，数据回显到表单，然后点击取消关闭弹框，在关闭的时候使用resetFields()清空数据，第二次点击修改的时候，回显的数据可以清空，但是表单的值会默认到第一次回显的数据。而且点击添加的时候，默认展示的就是第一次回显的数据。
Vue表格，mounted里面拿的数据table第一次没回显，重新点进来才有
xuxiangyu827的博客
03-29 1175
做个笔记： 目前是这样子解决的，在a-table中： ：columns = "getcolumns()" getcolumns（）{ return columns } 这样子就可以了，有更好的办法以后回来改
vue快速入门（四十六）Router的安装与使用
最新发布
不起眼小菜菜的博客
04-26 415
步骤很详细，直接上教程……
vue $nextTick第一次获取不到数据
07-08
你在使用 Vue 中的 `$nextTick` 方法时，第一次可能无法获取到数据的原因可能是因为数据更新还没有完成。Vue 在更新数据时是异步的，所以你需要等待下一个 DOM 更新周期才能获取到最新的数据。 你可以尝试在 `$nextTick` 的回调函数中获取数据，确保在 DOM 更新完成后再进行操作。示例代码如下： ```javascript // 假设你有一个名为 data 的对象，其中包含一个名为 value 的属性 // 当 value 发生变化时，你想要获取最新的值 // 错误示例：第一次获取不到数据 console.log(this.data.value); // undefined // 正确示例：使用 $nextTick 获取数据 this.$nextTick(() => { console.log(this.data.value); // 获取到最新的值 }); ``` 通过将操作放在 `$nextTick` 的回调函数中，可以确保在下一个 DOM 更新周期时获取到最新的数据。这样你就可以正确地获取到数据了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值