【关于vue函数的内部函数拿不到data数据】

最新推荐文章于 2022-12-08 17:01:37 发布
最新推荐文章于 2022-12-08 17:01:37 发布
阅读量2.4k 收藏 3
点赞数 5
分类专栏： vue JavaScript 前端 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43458637/article/details/122285563
版权
vue 同时被 3 个专栏收录
13 篇文章 0 订阅
订阅专栏
JavaScript
12 篇文章 0 订阅
订阅专栏
前端
12 篇文章 0 订阅
订阅专栏

vue2的this太常见了
this指向问题
正常是return 里定义一个 比如说City
在methods里的函数获取的话 直接this.city
今天在动态获取数据的时候 一个钩子里面是我的回调函数
回调函数里面还内嵌了一个函数 在这个函数里面死活就拿不到请求到的数据 在外层是正常输出的
我觉得一定是this的问题，但是忘了this还可以再次改变指向
添加
let _this=that
然后成功输出数据了。接下来直接用这个就行了。
【this指向可以多次改变】

可笑万物
关注
  • 5
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue生命周期中调用的方法无法获取data中的数据
all_outD的博客
11-30 2971
今天写项目遇见了一个坑，在created函数中调用了三个方法 created() { this.getData(); this.getDetail(); this.getCategory(); } 如以上写法，getDetail()和getCategory()是通过promise异步请求，将数据写入到data中，我调用getData()方法无法拿到data中的数据，通过写日志一步一步确认错误时，发现getData()方法比获取数据的这两个方法先执行。 通过询问大佬发现是JS事件
vue里获取不到data_vue methods中取不到data值
weixin_39683858的博客
12-19 1479
vue methods中取不到data值export default {name: "sysAdd",data() {return {form: {name: '',region: '',date1: '',date2: '',delivery: false,type: [],resource: '',desc: ''},formLabelWidth: '120px',visible:false}...
在vue开发中会遇到methods方法里有一个函数嵌套另一个函数，最内层函数this取不到data数据，该怎么解决？
最新发布
前端很杂，故名前端杂货铺 —— coderkey
12-08 3614
在vue的methods方法中两个函数互相嵌套，最内层函数this取不到data数据。（1）给最外层函数this重新赋值给一个变量。
在异步请求后Ajax请求数据但在vue中无法获取到数据
小野喵的博客哦
12-03 2130
在我们使用vue进行前端编码时，我们总会需要在vue中进行请求操作，而且我们经常不会使用vue中的请求，我们经常会使用一些其他的请求，比如axios或者jquery的请求。下面我们使用一个具体的需求来演示，我们需要获取到请求的数据并将它展示在页面上下面是我们的vue代码我们在浏览器运行一下，可以看到，我们已经请求到数据，但是并没有展示到页面上其实这是因为在请求里面的this不能指向vue对象，我们只需要能指向vue对象即可。所以我们进行下面的改进，我们在vue对象里面新建一个setValue函数来进行数据转
Vue解决this.$nextTick()函数里无法获取异步请求的数据
zhang1339435196的博客
10-23 7023
踩坑记录： 由于目标数据是数组，解决办法利用computed与watch深度监听，并获取改变过的值。同时调用this.$nextTick()函数。 如下： import { getSeckillGoods } from "@/api/axiosRQdata"; export default { data() { return { goodsList: [] }; ...
解析vue data不可以使用箭头函数问题
12-11
总结起来，Vue.js中的`data` 选项应当避免使用箭头函数，因为这会导致`this` 的值不符合预期，从而影响数据的初始化和响应性。始终推荐使用普通函数来定义`data`，确保`this` 正确地指向Vue实例，以便于Vue能够正确...
Vue(定时器)解决mounted不能获取到data中的数据问题
10-15
主要介绍了Vue(定时器)解决mounted不能获取到data中的数据问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue 页面回退mounted函数不执行的解决方案
10-15
总的来说，理解和掌握 Vue 的生命周期以及 `keep-alive` 的工作原理，对于解决页面回退时数据不更新的问题至关重要。通过使用 `activated` 钩子和适当的数据监听，可以确保组件在回退时能够正确地更新和展示数据。在...
vue 需求 data中的数据之间的调用操作
11-19
然而，这并不意味着你可以直接在data对象的一个属性中引用另一个属性，因为Vue的数据绑定在初始化时是静态的，它不会动态地监听属性间的依赖关系。 在Vue实例的生命周期中，data对象在初始化时被创建并冻结，它的...
Vue res.data数据无法获取
qq_55830095的博客
04-01 1359
Vue res.data中有数据，但是解析不了，无法获取。
Vue拿不到data()中的return数据
风吟Pro的博客
08-19 1240
前端环境Vue拿不到data()中的return数据拿不到数据，最后发现是忘记加 this.了alert(ruleForm)，这样是拿不到数据的各种报错undefined。
vue异步请求, 等待处理的回调方法, 解决 拿不到请求rueturn出来的数据 问题
面对疾风吧
06-09 2695
：有的时候我们需要在网络请求结束后，再进行后续动作，例如，在一段网络请求结束后执行跳转，如果不做处理，会有可能出现网络请求未完成的时候页面就已经跳转走不存在了，所以要在调用网络请求的方法中加入一个回调函数，函数里边写请求结束的代码，然后等待网络请求结束后，再去执行这个回调函数.........
解决vue中无法取得methods方法中的return值
SUperstarkd的博客
11-22 3202
如果在vue的methods中去return出来一个值, 然后发现调用这个方法的时候, 并不能获取到, 得到的是undefined… 解决方法是使用callback回调函数. 错误的写法 mounted () { const response= this.getReportList() }, methods: { async getReportList () { const { data: res } = await this.$http.get('reports/type/
微信小程序——普通回调函数中this拿不到data数据
hinataneji的博客
05-26 5362
微信小程序——普通回调函数中this拿不到data数据 小程序在回调函数中调用this数据报错是因为在程序运行过程中，this对象也会发生改变，导致在普通回调函数之中改变后的this对象没有相关数据，即会报错 首先给出代码片段路径 miniProgram 下面直接贴出来代码 Page({ data: { testStr:"我是测试字符" }, onLoad() { console.log("加载首输出："+this.data.testStr) //输出———
关于method中自定义方法无法使用this读取vue的data中的数据的解决办法
m0_56522868的博客
10-23 2833
本人比较熟悉的是后端，但是无奈老板让写前端，只能硬着头皮上，但是在写前端的时候经常遇到一个问题，就是this指向老是发生变化，由于现在身边没有敲代码的本本，就直接画个草图记录一下，解决的思路来自这篇文章：微信小程序——普通回调函数中this拿不到data数据_hinataneji的博客-CSDN博客 根据这位博主文章的思路，我们如果想要在回调函数中让this指向vue组件，有两种办法： 一种是使用箭头函数， 一种是定一个全局变量把this存储下来。 经过实际项目测试，两种方法都非常好用，今天在家
vue中axios里面返回值，获取不到
Dj_Fairy的博客
09-15 5577
原因： 因axios返回值是异步操作，获取返回值时，请求操作还未完成，就已经执行了赋值，导致结果位undefined 解决方法： async….await，async声明发放为异步方法，await等待异步操作执行完毕 举例： async getCountry(city){ let arr=[] await this.$axios.post(baseUrl+'/county2.do',qs.stringify({ cityCode:c
关于echarts中的formatter: this.loadData拿不到data中的数据深入解析
qq_52372698的博客
07-07 4331
知其然知其所以然，echarts踩坑的小伙伴看过来，formatter中拿不到data？我来帮拿！
vue，调用api拿到值，返回值没问题，但在回调的res里，部分字段为空
渔火江渚上的博客
05-20 1273
一、问题 vue，调用api访问后端接口拿到值，通过F12，network发现返回值没问题，但在回调的res里，一个数组字段为空 二、问题解决 调用api后，先别直接回调。先赋值给一个const常量，再用该常量回调，拿返回结果res。 ...
【Vue】如何在onMounted钩子中使用data中的数据
热门推荐
YIZHILIUSHA2020的博客
10-03 1万+
前景提要：onMounted钩子是vue3新添加的特性，属于组合式api，在setup中调用，而setup相当于组件编译的入口，setup在beforeCreate钩子执行前运行，此时只初始化了prop（属性）和context等，而data是在beforeCreate钩子之后created之前执行的。 注意：onMounted虽然写在setup函数中，但却是在组件挂载到父组件时才被调用的。 方法：由于setup中不能使用this，因此需要使用getCurrentInstance 方法获得当前活跃的组件，具体
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值