vue中Error in render: "TypeError: Cannot read property 'split' of undefined"

最新推荐文章于 2022-08-06 16:45:32 发布
最新推荐文章于 2022-08-06 16:45:32 发布
阅读量3k 收藏
点赞数 1
分类专栏： vue报错整理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/X_W123/article/details/103367814
版权

今天，检查项目的时候，切换不同的tabs报错无法识别split，首先将初始化函数注释，发现还是报这个错，说明不是初始化的问题，后来老大帮我解决，具体解决方案如下：
首先模板中引入家在组建，给与一定时间初始化，这样数据就能完全加载成功
引入组件
在这里插入图片描述
组件内容：
在这里插入图片描述
页面中调用：
在这里插入图片描述
初始化状态写法：
在这里插入图片描述
这样就没问题了

super美少女战士
关注
专栏目录
vue初始化时，使用split报undefined
yyl的博客
01-03 2569
初始化时，使用split报undefined 进行字符串和数组相互转换时，使用split报如下错误 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'split' of undefined" 刚开始以为是split使用错误，后来才知道在created中进行初始化时，是异步加载，数据还未获取到，所以对数组、对...
Vue 指令函数的简写形式
mqingo的博客
01-07 4810
  10指令函数的简写形式.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=
关于vue中报TypeError: Cannot read property ‘split‘ of undefined
weixin_45638909的博客
12-25 2995
<div v-if="ri.type.split('').slice(0).toString().indexOf('C') != -1"> </div> 目的：判断该字符串中是否含有C，如果为有，则返回该字符串的位置，否则返回-1 结果：在模板中确实截取成功了，但是报了下面这个错误。 原因：你没有判断数据来源是否为空。对字符串做slice时，没有判断其是否为空。 解决办法：在数据前面的标签里面 进行判断 v-if=“字符串内容”，即下面在该字符串处理的前面加上v-if="ri.ty
TypeError: Cannot read property 'split' of undefined
Lazyafei's Blog
05-10 4万+
最近跟着慕课网学一个电商项目，学习前端页面出现了如下错误提示： 后面后台管理页面也出现了类似问题： 解决的办法即增加空字符串的情况：
“Cannot Read Property ‘split‘ of Undefined”错误的原因及解决办法
a123789999的博客
08-12 1万+
If you've ever used JavaScript's split method, there's a good chance that you've encountered the following error: TypeError: Cannot read property 'split' of undefined.如果你曾经使用过 JavaScript 的 split 方法，很有可能你遇到了下面的错误: TypeError: Can not rea...
index.js:13 Uncaught TypeError: Cannot read property 'split' of undefined
weixin_30839881的博客
05-11 534
使用 webpack 编译 Vue 项目时出现报错： index.js:13 Uncaught TypeError: Cannot read property 'split' of undefined 定位错误到事发代码行： version = Vue.version.split('.').map(Number) 这行代码是`vue-hot-reload-api`中的，查阅其官方(说明)[...
Error in render: "TypeError: Cannot read properties of undefined (reading 'split')"
最新发布
08-26
根引用中的错误信息，"Error in render: "TypeError: Cannot read properties of undefined (reading 'split')""，这个错误是由于在渲染过程中尝试读取一个undefined的属性('split')导致的。根据引用中的分析，这种...
常见问题任务（汇总一）
weixin_58896221的博客
08-06 1205
前端常见问题
vue学习
希望我快乐
06-11 793
1. 安装node，直接官网下载安卓即可，会自动安装上npm。 网址：https://nodejs.org 2. 检测node是否安装成功，在终端输入：node -v 以及 npm -v，若有版本信息，则安装成功。 3. 全局安装cli3 npm install -g @vue/cli vue -V(大写) 查看vue版本信息，若有信息则安装成功。 4. cd到工作目录，使用vue ui可视化创建...
Vue
Naker_的博客
02-27 272
1. Vue概述 前端演变的过程 1.随着JavaScript的诞生，我们可以操作页面的DOM元素及样式，页面有了一些动态的效果，但是依然是以静态 为主。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</titl...
Uncaught TypeError: Cannot read property ‘split’ of undefined
weixin_34217773的博客
04-26 1056
问题 ：Uncaught TypeError: Cannot read property ‘split’ of undefinedat HTMLLIElement. split()切割的问题 因为遍历ul的时候，第一次会得到一个空值，这个是通过输出遍历的对象知道的，最后我在使用split()的时候加了一个判断（就是判断要切割的字符串是不是存在） $(".type_ul").find('li')...
报错：Uncaught TypeError: Cannot read property ‘split’ of undefined
钱小端~
10-20 1131
这是split()切割的问题，最后通过分析了解到，这是因为遍历的时候，第一次可能会得到一个空值，这个是通过输出遍历的对象知道的，最后我在使用split()的时候给传入的值val加了一个判断（就是判断要切割的字符串是不是存在），然后成功解决问题。 /* 处理分组小类显示 */ formatClass: function (val) { if(val){ var valArr = val.split(';'); return valArr.join('/'); }
Uncaught TypeError: Cannot read property ‘split‘ of undefined解决建议
JunJiu0420的博客
02-20 2364
之前做项目过程中遇到过Uncaught TypeError: Cannot read property 'split' of undefined的报错， 原因： 1、没有判断arr.split('-')分出来的字符串是否存在 2、arr字符产是不是规范，比如说字符串写错，字符串根本没有‘-’ ...
Cannot read properties of undefined (reading ‘split‘)
segegefe的博客
03-08 3373
这次在写小程序项目中，有一个需求其中需要将获取的时间数据 “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
字符串切割时报错 TypeError: Cannot read property 'split' of undefined
qq_34312235的博客
08-29 2206
//字符切割 var arr=edycL.split('-'); edycL=arr[1]; var arr2=edecL.split('-'); edecL=arr2[1]; 对字符进行切割时报： TypeError: Canno...
Uncaught TypeError: Cannot read property 'split' of undefined这个问题应该这样解决
热门推荐
K先生的博客
02-18 9万+
今天写js遇到了一个小问题，苦恼了我一个多小时，不过好在没有浪费更多的时间，也算是很快就解决了。问题是这样产生的，我用jQuery遍历了ul标签下的li下的超链接的值，然后我用split来切割获取到的超链接，（比如我获取到的超链接值是2.html，那我需要获取到2），然后问题就出现了。 问题 ：Uncaught TypeError: Cannot read property ‘split’ of ...
[Vue warn]: Error in render: “TypeError: Cannot read property ‘slice‘ of undefined&q...
lbjbk的博客
12-12 587
[Vue warn]: Error in render: "TypeError: Cannot read property ‘slice’ of undefined&q… 在页面中使用slice, 页面报错，报错原因 是由于数组对象未定义或为null 引起的，所以查看获取数据的接口是否请求到了数据。 因为加载顺序（生命周期）的问题导致先执行的时候为空，做个空数据就好了 (userInfo || ‘’) 修改前的 修改后的 到这里就欧克了 ...
[Vue warn]: Error in render: "TypeError: Cannot read property 'slice' of undefined" found in
dianwan5205的博客
12-12 1886
在页面中使用slice, 页面报错，报错原因 是由于数组对象未定义或为null 引起的，所以查看获取数据的接口是否请求到了数据。 因为加载顺序（生命周期）的问题导致先执行的时候为空，做个空数据就好了(typeIdPro.sysqalist || '') 修改前 修改后 <div v-for="(itemPro,index) in (typ...
Error in render: "TypeError: Cannot read property 'slice' of undefined"
08-23
"Error in render: "TypeError: Cannot read property 'slice' of undefined""这个错误通常发生在Vue.js的渲染过程中。根据你提供的引用内容，这个错误可能是由于在计算属性中使用了未定义或null的数组对象导致的。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值