【bug】vue中的data定义了数据，但是报错信息显示数据么有定义

最新推荐文章于 2023-01-27 23:36:23 发布
原创 最新推荐文章于 2023-01-27 23:36:23 发布 · 2.3k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文分享了一个隐蔽Bug定位的经历，起初因错误地关注于58行的lists定义问题，导致忽略了真正的问题所在——61行的数据定义缺失。通过此案例强调了代码规范的重要性，并提醒开发者在面对错误提示时要全面检查。

很奇怪的一个bug，找了半天

报错信息：

定义数据

一直以为是58行的lists报错有问题；

但是最后发现是61行数据没有给定义报错了。

坑爹啊 三四个人看了半小时，

其实是61写错了，但是运行后的报错信息58行在61行上面，而且58行的报错红色显示，就没有看后面的报错信息。

所以建议大家写的时候要规范定义数据！！！

VUE项目bug总结
阿七的博客
08-29 241
当遇到这种错误时一般有两种情况，一种就是你没有定义该变量在data中。还有一种就是就是我的情况，这里先上代码这种情况识别不到this.list变量，可以用let that=this或者注意：这里的数组一定要用push，千万别用list[index]=.....,经本人实验，这种方法初始化页面识别不到（数据倒是有）。
vue---解决bug之获取数据
我的第一篇文章
06-04 761
这个bug困扰了我一天，百度有很多解决方案，主要是说用v-if=“data”,判断获取到了数据的值的时候再渲染，然而对我没有用 获取到了数据，也可以显示出来，但是输出数据的属性值就为undefined 代码： 打印出来的数据是： 就是这个问题，属性值为undefined困扰了我很久。最后问群友，让我打印一下this.list的格式是字符串还是对象。用typeof（this.li...
在Vue.data已定义的变量，运行时却找不到变量
qq_41900846的博客
01-27 2848
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中v-if绑定data里的数据提示未定义的问题（网上找了好几种方法都不符合，后来自己研究出来的）
qq_39153893的博客
04-15 3750
情况1：网上有些人是data（）里面没定义变量aa 情况2:(但是我的不一样)，<button v-if="aa",这个aa能读取到。 但是<a v-if="aa" ,但是这个aa说没定义。对比发现，应该是a标签加载比data ()加载顺序早，所以改成 <span v-if="aa" ><a> </span>,用span（或者用其他也行，如div等...
vue 混入 相同的对象，钩子的合并规则
月光恋九霄的博客
02-24 922
当组件和混入对象含有同名选项时，这些选项将以恰当的方式进行“合并”。 比如，数据对象在内部会进行递归合并，并在发生冲突时以组件数据优先。 const myMixin = { data() { return { message: 'hello', foo: 'abc' } } } const app = Vue.createApp({ mixins: [myMixin], data() { return { message:
vue初始化页面数据，this.$option.data()报错问题
weixin_57011137的博客
08-11 2391
在做项目的时候，如果使用到了keep-alive来缓存动态组建的时候，我们需要在deactivated(){}方法中来实现跳转页面，初始化页面数据，就需要用到 Object.assign(this.$data, this.$options.data.call(this)) 但有的时候因为this的指向问题，this.options.data()会保错，这是因为this指向问题我们可以把this.options.data()会保错，这是因为this指向问题 我们可以把this.options.data()会
精选资源
VUE 修复MOCKJS ResponseType BUG
03-22
在前端开发过程中，Vue.js是一个非常流行的JavaScript框架，它提供了高效的数据绑定和组件化功能，大大简化了Web应用的构建。然而，在开发过程中，我们可能会遇到各种问题，其中之一就是在使用MOCKJS进行模拟数据时...
vue2中数据没有初始化，怎么不报错
07-03
在 Vue 2 中，当数据未初始化时，默认情况下并不会直接报错，这是因为 Vue 的响应式系统设计允许在 `data` 中定义的属性为 `undefined` 或者完全省略某些属性。Vue 会将 `data` 函数返回的对象中的所有属性进行响应...
vue data中未声明，后面用this.进行赋值，代码未报错没有bug，什么原因
05-29
好的，我现在需要解决用户关于Vue.js中未在data声明变量但通过this赋值未报错的疑问。首先，我得回忆一下Vue的响应式系统原理。Vue2使用的是Object.defineProperty来劫持数据，实现响应式。只有在data里初始声明的...
使用this调用vue中定义的，data中数据或methods中的方法，报错undefined的原因及解决办法
qq_45634989的博客
08-18 7079
使用this调用vue中定义的，data中数据或methods中的方法，报错undefined的原因及解决办法
vue中渲染对象中属性时显示未定义
热门推荐
qq_32318311的博客
04-04 1万+
后端给的对象结构是这样的，三层嵌套 而在最开始的时候我在data中定义了一个对象（dataInfo）接受了图示所有的属性 而在template中我要渲染数据（dataInfo.clientInfo.deviceName） 然后。。。。 未定义。。。作为一个前端菜鸡，百思不得其解。 最终在有道的帮助下，告诉我了此属性不在vue实例上 恍然大悟 只能解析在data中定义也就是vue实例上的对象子一层...
view-ui Table+ vue 单元格内容标红
liuhaichaun的博客
10-17 833
如何设置表格 单个单元格样式
使用vue中的v-for=“ a in list “list传入成功,a却声明未定义解决方案
weixin_43499415的博客
05-10 543
出现该问题有可能是因为你设置的标签类型冲突导致的. 例如：div 中包含table中的tbody，tr,th会发生冲突导致放在tbody,tr,th中的v-for语句无法正常执行
vue中data定义对象类型直接报错，定义的属性不可用
陌上花开然不归矣
07-29 2135
当data定义为对象类型时，直接会抛错，内部定义的属性也不可用 export default { name: "App", data:{ titlebar:"首页", } } [Vue warn]: The "data" option should be a function that returns a per-instance value in component definitions. [Vue warn]: Property or method "titlebar" i
VUE出现未定义Undefined 可能的原因
Java&Develop的博客
12-20 3321
VUE出现未定义Undefined 可能的原因
SAKURA-CAT_water-tank_43992_1766304728215.zip
12-22
SAKURA-CAT_water-tank_43992_1766304728215.zip
遗传算法求解函数极值的Matlab实现
最新发布
12-22
源码地址： https://pan.quark.cn/s/a4b39357ea24 遗传算法 - 简书 遗传算法的理论是根据达尔文进化论而设计出来的算法: 人类是朝着好的方向（最优解）进化，进化过程中，会自动选择优良基因，淘汰劣等基因。 遗传算法（英语：genetic algorithm (GA) ）是计算数学中用于解决最佳化的搜索算法，是进化算法的一种。 进化算法最初是借鉴了进化生物学中的一些现象而发展起来的，这些现象包括遗传、突变、自然选择、杂交等。 搜索算法的共同特征为： 首先组成一组候选解 依据某些适应性条件测算这些候选解的适应度 根据适应度保留某些候选解，放弃其他候选解 对保留的候选解进行某些操作，生成新的候选解 遗传算法流程 遗传算法的一般步骤 my_fitness函数 评估每条染色体所对应个体的适应度 升序排列适应度评估值，选出 前 parent_number 个 个体作为 待选 parent 种群（适应度函数的值越小越好） 从 待选 parent 种群 中随机选择 2 个个体作为父方和母方。 抽取父母双方的染色体，进行交叉，产生 2 个子代。 （交叉概率） 对子代（parent + 生成的 child）的染色体进行变异。 （变异概率） 重复3,4,5步骤，直到新种群（parentnumber + childnumber）的产生。 循环以上步骤直至找到满意的解。 名词解释 交叉概率：两个个体进行交配的概率。 例如，交配概率为0.8，则80%的“夫妻”会生育后代。 变异概率：所有的基因中发生变异的占总体的比例。 GA函数 适应度函数 适应度函数由解决的问题决定。 举一个平方和的例子。 简单的平方和问题 求函数的最小值，其中每个变量的取值区间都是 [-1, ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值