【vue】前端报错：Cannot read properties of undefined (reading ‘split‘)

已于 2022-04-03 20:03:55 修改
阅读量2.1w 收藏 8
点赞数 9
分类专栏： vue 文章标签： vue报错
于 2022-04-03 15:07:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Triumph_light/article/details/123937699
版权

问题的出现：

由于在做项目的时候，想实现数字转成汉字：
在这里插入图片描述
但是在控制台会报一个Cannot read properties of undefined (reading ‘split‘)
在调试的时候回发现数据会慢一步出现

问题出现的原因：

由于是发请求得到这个studentinfo这个数据，因此在没得到数据之前，它是会为undefined，这个时候是没有方法使用的。
简单来说就是数据异步的问题了。

解决的方法：

当数据为undefined的时候，将这个剔除，就是当它不为undefined的时候来执行，因此添加一个if语句来判断就行

Triumph-light
关注
  • 9
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
专栏目录
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
遇到问题： 今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。 解决方案： 解决办法是将第三方依赖的 JS 文件放到 /static/utils 目录下，引入路径也改成：[removed][removed]，这样就
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
主要介绍了Vue 报错TypeError: this.$set is not a function 的解决方法，分享给大家，需要的朋友们下面随着小编来一起学习学习吧
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
TypeError: Cannot read properties of undefined (reading ‘tapAsync‘)
最新发布
luckydie的博客
04-16 556
vue项目启动，一直报tabAsync未定义
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
发现问题 运行一下以前的一个Vue+webpack的 vue仿新闻网站  小项目，报错 由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^…^）才找到原因 -v- Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module.exports={ 　　normalTime }; 就是module.exports
【报错】 “TypeError: Cannot read properties of undefined (reading ‘split‘)“
虎康的博客
07-04 1万+
在使用 split()方法分割成字符串时，报红信息如下：Cannot read properties of undefined (reading ‘split‘)在对数据进行分割以前，要先判断当前数据是否存在为空的情况；如果不对数据进行判断，可能会导致异常。所以在调用 splid() 函数前，需要对当前需要进行分割的数据进行非空的判断（或者是当数据不为空的情况下调用）。在对数据进行分割以前，要先判断当前数据是否存在为空的情况；如果不对数据进行判断，可能会导致异常。所以在调用 splid() 函数前，需要对当
Uncaught TypeError: Cannot read properties of undefined (reading ‘slice‘)
流动的城堡的博客
11-29 6364
Cannot read properties of undefined (reading 'slice')
Cannot read properties of undefined (reading ‘split‘)
segegefe的博客
03-08 3210
这次在写小程序项目中，有一个需求其中需要将获取的时间数据 “2021-10-25 02:10:20” 转换格式成 “2021/10/25 02:10” 这种格式， 需要用split来截取。截取过程中遇到一个我之前没有遇到过的问题，那就是 [Vue warn]: Error in render: “TypeError: Cannot read property ‘split’ of undefined” 页面会报错无法读取为定义的属性split 如果大家也遇到了这个问题，那就需要将其更改为以下写法： let
js报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘split‘)
Shivy_的博客
06-16 1万+
Cannot read property 'split' of undefined
Python库 | photon-1.1.6.tar.gz
05-20
资源分类：Python库 所属语言：Python 资源全名：photon-1.1.6.tar.gz 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
电位器的标称阻值和允许偏差
07-11
1、标称阻值为了满足使用者的要求，生产厂生产了各种阻值的电阻器。即使如此，也无法做到使用者想要什么样阻值的电阻器就会有什么样电阻器的成品。为了便于生产和使用，国家统一规定了一系列阻值作为电阻器阻值的标准值，这一系列阻值叫做电阻的标称阻值。表2-5 和表2-6 列出了常用电阻器的阻值系列标准。线绕或非线绕固定电阻器的标称阻值应符合表2-5和表2-6 中所列数值之一，或是表中所列数值再乘以10 n ， 其中n为O或正数。 2. 允许偏差在实际生产中，加工出来的电阻器很难做到和标称阻值完全一致，即阻值具有一定的分散性。为了便于生产的管理和使用，必须规定电阻器的精度等级，确定电阻器在不同精度等级下的允许偏差。 允许偏差值可用下式计算，即 式中:δ-----允许偏差;R-----电阻器的实际阻值;Rτ-----电阻器的标称阻值。表2-7 列出了电阻器(电位器)的精度等级与允许偏差的对应关系。 市场上成品电阻器的精度大都为I 、Ⅱ级， Ⅲ级的很少采用。005 、01 和02 精度等级的电阻器，仅供精密仪器或特殊电子设备使用.它们的标称阻值属E48 、E96 、E19
Sawyer-zh#study-note#Vue-js路由报错TypeError-Cannot-read-property-c-
07-25
title: 'Vue.js路由报错:TypeError: Cannot read property ''_c'' of undefined'错误详情：像上面这
vue中出现 TypeError Cannot read properties of undefined (reading ‘substring‘)错误
m0_67392010的博客
03-06 8211
报错的原因:你的数据来源为空 解决方案:在数据的标签里面 进行判断 v-if=“字符串内容”
Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘split‘)“
m0_61480985的博客
07-11 6081
其实之前也遇到过这种问题，出现了两三次就觉得还是记下来比较好。之前的问题是我的数据已经存在一个对象中了，然后要把这个对象传到另一个组件里，在mounted来打印是空的，最后我是用watch监听来解决的。，简单来说就是初始化太快了，我的接口数据还没赋值就已经完成初始化了，所以才会报错。这个是我的代码，其实就是多做了一个步骤，我其实没有必要要那个setData，直接在data定义一个对象就可以了。
vue中cannot read property of undefined的问题分析及解决
热门推荐
weixin_46399753的博客
03-11 19万+
前言 vue项目中经常会遇到"cannot read property ‘某某某’ of undefined"的报错信息。下面我就简单分析下报错原因及解决方法 问题描述 info是服务端返回的数据，是一个对象。我们要做的就是把对象里的值放到页面显示，先看一下我出错的代码片段 <div class="shop-header-discounts" @click="toggleSupportSho...
解决 Cannot read properties of undefined类型的报错
nbsl_的博客
10-21 19万+
vue报错 “TypeError: Cannot read properties of undefined (reading...)
Vue报错：Error in render: “TypeError: Cannot read properties of undefined (reading ‘slice‘)“
一只手的博客
04-23 8836
出现问题： 我的计算属性在这儿进行了slice的字符串切片，但是回到浏览器发现，控制台报错了（虽然报错，但功能正常）。浏览器提示说我的slice未定义，可是，这个slice()是个方法啊。咱就继续找问题。 computed: { operateName() { if (this.treeNode.code === '11111000') { return '二级学院' } else if (this.treeNode.code.slice(0, 4) =
: Cannot read properties of undefined (reading 'split')"
08-27
"Cannot read properties of undefined (reading 'split')"是一个报错信息，表明在调用split()方法时，属性为undefined，无法执行split()方法。这个报错通常出现在对数据进行分割之前没有对数据进行非空判断的情况下。因此，在调用split()方法之前，需要先对需要分割的数据进行非空判断，以避免出现异常。比如，在处理图片链接的时候，可以先判断链接是否存在，然后再进行分割操作，如下所示： ``` const imgUrl = "https://tu.cloud.cn/flower/flower-size.jpg?size=1800"; if (imgUrl) { const newImgUrl = imgUrl.split('?')[0 + "?size=600"; console.log(newImgUrl); // 输出：https://tu.cloud.cn/flower/flower-size.jpg?size=600 } ``` 这样，当imgUrl不为空时，才会执行分割操作，避免出现报错信息。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [【vue】前端报错：Cannot read properties of undefined (reading ‘split‘)](https://blog.csdn.net/Triumph_light/article/details/123937699)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [【报错】 “TypeError: Cannot read properties of undefined (reading ‘split‘)](https://blog.csdn.net/qq_53810245/article/details/125601613)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [几个常用的JavaScript字符串处理函数 – split()、join()、substring()和indexOf()](https://download.csdn.net/download/weixin_38747087/13666208)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Triumph-light

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值