Vue项目一个坑：vue在data定义变量，使用时是undefined

最新推荐文章于 2023-07-07 22:21:15 发布
原创 最新推荐文章于 2023-07-07 22:21:15 发布 · 1.3w 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了Vue实例中使用this访问data属性时遇到undefined的问题，并提供了解决方案。通过将当前Vue实例绑定到一个局部变量，可以确保在methods内正确引用。

在这里插入图片描述
在methods中使用this.userId,结果打印出来是undefined
原因：当一个Vue实例被创建时，它将data对象中的所有property加入到Vue的响应式系统中。当这些property的值发生改变时，视图将会产生“响应”，匹配更新为新的值
解决：
定义一个变量var _this=this
在这里插入图片描述
后面的方法都能使用

Keras教学(6):Keras的初始化Initializers，看这一篇就够了
my_name_is_learn的博客
11-05 2万+
卷积神经网络的初始化，看这一篇就够了。内容包括初始化器的用法、可用的所有初始化器、自定义初始化器的方法
Vue中定义全局变量与常量的各种方式详解
10-19
在 Vue 中定义全局变量和常量对于共享数据和配置在整个应用中非常有用。以下是几种常见的方法，以及它们的优缺点： 1. **模块作用域**： - 试图在 `global.js` 文件中定义变量 `a = 10`，然后在其他文件中直接引用...
在Vue.data已定义的变量，运行时却找不到变量
qq_41900846的博客
01-27 2855
Property or method "xxx" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property The "data" option should be a function
【vue】vue给data定义的变量赋值时候报错Cannot set property ‘tableData‘ of undefined解决方案
liuzhenhe1988的专栏
10-23 4221
前言 vue中通过axios调用webapi获取数据后，把数据绑定到element table时候，报错：
vue在data中定义变量后依旧报undefined
weixin_43939111的博客
02-17 3621
之前跑的好好项目突然data中报undefined，在mounted打印也出不来。最后排查，还是个人粗心问题：变量太多，自己多加变量时忘了赋值,导致整个运行报错。 data(){ return { a:"信息1", b:"信息2", c } }, mounted(){ console.log(this.a)//undefined } 如上代码，虽然我在末尾加变量，es6语法会默认c为c:c，在编译器里认通过。 但是，c没有初始值卡住之后会影响其他data变量的获取，打印a、b的值都是un
vue data数据明明声明了获取时却是undeifned
Fabbom的博客
04-11 2030
vue data数据明明声明了获取时却是undeifned 今天遇到一个错误： 意思是说 “changeTit" 和 “inputValue” 这两个没有声明就被使用，所以报错。 然后我看了我的data里面明明已经声明了，变量名也没有写错。 现在就是找错误原因了 我是先在页面初始化时就在控制台输出 “changeTit”: 结果： 这说明data部分的代码似乎并没有执行，那么就是data...
在Vue mounted方法中使用data变量详解
10-16
在Vue.js框架中，`mounted`是一个非常重要的生命周期钩子，它表示组件已经被挂载到DOM上，并且其模板已经被渲染。在这个阶段，你可以访问到真实DOM元素，并执行需要在DOM加载后才能运行的初始化操作。`data`对象是...
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
10-15
另一个解决方案是在模板中使用`v-if`指令来确保只有当数据可用时才渲染相关部分。例如： ```html [0]">{{ matterAll[0].accessItemName }} ``` 这样，当`matterAll[0]`为`undefined`时，该部分将不会被渲染，从而...
vue 需求 data中的数据之间的调用操作
11-19
然而，这并不意味着你可以直接在data对象的一个属性中引用另一个属性，因为Vue的数据绑定在初始化时是静态的，它不会动态地监听属性间的依赖关系。 在Vue实例的生命周期中，data对象在初始化时被创建并冻结，它的...
vue props传值失败 输出undefined的解决方法
10-18
当我们在父组件中以驼峰命名法的形式定义一个prop，如`selectName`，在模板中使用时需要特别注意。由于HTML的特性，不支持驼峰命名，而是会将驼峰命名转换为短横线分隔命名。例如，`selectName`在HTML模板中应该被...
关于使用vue时在data定义的变量undefined问题
PleaseBeStrong的博客
07-07 1550
明明在data中定义了数据，但是页面却不显示（连静态内容都没有加载出来）.经过排查发现，data中有一项新加入的变量没有赋初始值，导致一系列报错的产生
vue 或者uniapp中，在方法中调用data中的变量显示结果为undefined
Heartnottowake的博客
04-16 4025
vue中，如果碰到调用data中变量为undefined， 第一个检测的就是你的赋值变量的大小写问题 onKeyInput(event){ this.seachList = event.target.Value; console.log(this.seachList) }, 这里取到的值就是undefined 需要把Value变成value ...
window下找到vue变量_浅谈下vue里面的变量为undefined的问题
weixin_30192375的博客
01-12 2237
对于vue的初学者，会遇到很多问题，这些源于对vuejs的基本用法不了解，最多的就是变量的未定义，遇到最多的主要是两种吧，比如："TypeError: Cannot read property 'raise' of undefined",还有"TypeError: Cannot read property '0' of undefined"。在此我分别谈谈这两种的解决方法。TypeError: C...
使用this调用vue中定义的，data中数据或methods中的方法，报错undefined的原因及解决办法
qq_45634989的博客
08-18 7081
使用this调用vue中定义的，data中数据或methods中的方法，报错undefined的原因及解决办法
vue中data之间数据自调用undefined的问题
h_未来可期_的博客
08-27 1962
需求： 多个div，根据各自的num计算各自的百分比 问题： 在data中，自己调用自己的数据生成百分比浏览器报错 data(){ return{ {num:100}, {num:0,percent:this.getPercent(this.totalData[1].num,this.totalData[0].num), } } 这样的话，浏览器中报错 解析： 我认为，虽然在vue中，this是指向VueComponent的，但是data中的属性调用另一属性的时候，data中的数据 还没
vue中有的变量显示 undefined(异步请求相关)
weixin_64309182的博客
05-29 1872
在JavaScript开发中，经常会遇到类似的语法错误类型的问题。解决这类问题的关键是要仔细阅读错误信息，并找到错误的原因。同时，可以使用调试工具来帮助定位错误，例如在Chrome浏览器中使用开发者工具进行调试。最后，需要根据错误的原因采取相应的解决方法，以修复错误。
VUE{{}}中数据渲染出现undefined
QING的博客
07-19 3044
VUE{{}}中数据渲染出现undefined Background 在前端编码过程中，常常会出现在mustache表达式 {{}} 中undefine的某属性报错。原因是如果 {{}} 仅仅是个变量如 {{a}} 是不会报错的，a可以是undefine或者null。但是如果{{a.b}} 或者 {{a['b']}} ，那么当a是undefine的时候就会报错。 并且因为Ajax是异步加载所以常常出现加载数据之前报出这个错误。 Solution 利用在标签上面添加v-if：例如： <div v-if
vue的加载顺序导致的：在export之外初始化window全局变量是undefined
kalinux的博客
10-20 2666
question：最近写vue项目遇到一个问题，以下三个文件中，water.vue在export之外初始化window定义的全局变量，结果是undefined //APP.vue <template> <earth /> <water /> </template> //earth.vue <template></template> <script> export default{ name:'ear
vue中调用方法时，获取组件data中的变量为undefined，解决：this指向问题
热门推荐
weixin_42171432的博客
04-21 1万+
今天为大伙分享，在平时工作中遇见的问题及解决方法。今天主要分享的内容主要是在不同作用域中this指向的问题。不多说直接贴代码； 错误示例： <template> <div class="test"> <button @click="getList()">请求数据</button> <button @click="show()...
vue定义一个全局数组变量，push数据时报错properties of undefined (reading 'push')
最新发布
11-09
在Vue.js中，如果尝试在一个未初始化或者未声明的全局变量上调用`push()`方法，你可能会遇到"properties of undefined (reading 'push')"这样的错误。这是因为Vue实例并没有找到你所引用的对象，并试图访问它不存在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值