vue初始化时，使用split报undefined

最新推荐文章于 2024-01-11 14:31:05 发布
最新推荐文章于 2024-01-11 14:31:05 发布
阅读量2.5k 收藏 1
点赞数
分类专栏： vue初始化 property 'split' 文章标签： vue 字符串
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43233832/article/details/103822557
版权
在Vue应用初始化时遇到split报undefined的问题，原因是数据是异步加载的，created钩子中数据未获取到。解决方法是在数据确定后再进行split操作。
摘要由CSDN通过智能技术生成

初始化时，使用split报undefined

进行字符串和数组相互转换时，使用split报如下错误
在这里插入图片描述

[Vue warn]: Error in created hook: "TypeError: Cannot read property 'split' of undefined"

刚开始以为是split使用错误，后来才知道在created中进行初始化时，是异步加载，数据还未获取到，所以对数组、对象进行操作时，是没有值的。

修改前的代码：

data = this.dataList.split(',');

解决方法如下：


                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  sngylp
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
Vue3项目中使用TypeScript

				
			

			

				

					HaiJun_Aion的博客
				

				

					04-20
					
					5236
					
				

			

		

		

			
				
在单文件组件中使用 TypeScript，需要在  标签上加上 lang="ts" 的 attribute。当 lang="ts" 存在时，所有的模板内表达式都将享受到更严格的类型检查

			
		

	



                

              
                



	

		

			

				
					
vue使用

				
			

			

				

					weixin_46103315的博客
				

				

					07-15
					
					728
					
				

			

		

		

			
				
1.基本使用

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 



英文官网:https//vuejs.org

中文官网:https:/cn.vuejs.org

最简单的安装方式是创建一个 .html 文件，然后通过如....

			
		

	



                


  
              

                


	

		

			

				
					
若依分离版、vue报错：[Vue warn]: You may have an infinite update loop in a component render function.

				
			

			

				

					weixin_46953697的博客
				

				

					03-22
					
					2313
					
				

			

		

		

			
				
问题描述：
页面运行正常，但刷新页面或新增文档后页面一直加载，后台报错：
[Vue warn]: You may have an infinite update loop in a component render function.
根据网上查询的结果原因基本如下：
在for循环中我使用了函数，页面刷新或新增文档时间接修改了循环响应数据而且没有终止条。页面执行渲染时，又会改变状态，于是又渲染，迟迟不能生成真实节点，所以界面一直在转圈。
原代码：
数据：
data() {
  return {
  //附件

			
		

	





	

		

			

				
					
在vue中使用split()报错

				
			

			

				

					qq_43046897的博客
				

				

					07-23
					
					1万+
					
				

			

		

		

			
				
最近在渲染图片时遇到了一个问题，页面上只需要使用一张图片作为封面，而后台返回的是字符串形式的图片组，于是准备用filters去筛选一下，提取图片组的第一张图
filters:{
          filtertu:function(res){
            communityimg=res.split(",")[0]
            console.log(communityi...

			
		

	



		

			
		



	

		

			

				
					
vue中使用split（）报错this.cardinfos.createtime.split is not function

				
			

			

				

					Sunny_lxm的博客
				

				

					01-10
					
					1942
					
				

			

		

		

			
				


首先打印一下console.log(String.prototype.split);看是不是一个函数

再者

split（）是针对字符串的一种方法，首先要确保你要切割的是字符串，如果不是就要转换成字符串

 

一开始用 let c = this.cardInfos.created.toString().splice("."),然后继续报错

报错如下：



 

这样就下定义一个变量来装...

			
		

	





	

		

			

				
					
bootstrap datepicker Uncaught TypeError: Cannot call method 'split' of undefined问题

				
			

			

				

					weixin_34319640的博客
				

				

					09-25
					
					409
					
				

			

		

		

			
				
这个问题主要是由于date对象不是字符串，不能使用 split 函数，简单处理一下，转换成字符串就可以解决问题：

++++++++++++++++++++++++
parseDate: function(date, format) {
var parts = date.split(format.separator), <=== 出错的地方
++++++++++++++++++++...

			
		

	





	

		

			

				
					
vue中使用 .split 报错

				
			

			

				

					四月
				

				

					11-14
					
					2689
					
				

			

		

		

			
				
<spanv-for="descinitem.productDesc.split(',')":key="desc.id">{{desc}}</span>

报错



改为

<spanv-for="descin(item.productDesc||'').split(',')":key="desc.id">{{desc}}</span&...

			
		

	





	

		

			

				
					
vue框架使用

				
			

			

				

					qq_45645848的博客
				

				

					01-11
					
					1112
					
				

			

		

		

			
				
前端vue基础知识总结，汇总

			
		

	





	

		

			

				
					
vue-3d-loder Cannot read properties of undefined (reading 'split')

					
最新发布

				
			

			

				

					07-19
				

			

		

		

			
				
 - **未初始化的变量**：如果一个变量在使用前没有被正确初始化，它的值将是undefined，对其进行`split`操作会引发错误。  - **解决方案**：确保所有需要使用`split`方法的变量都被正确初始化。  3. **数据处理逻辑...

			
		

	





	

		

			

				
					
VUE中使用v-for时 .split()、replace()等函数报错，提示TypeError: Cannot read properties of null (reading ‘split‘)

				
			

			

				

					中级CV工程师，欢迎来扰！
				

				

					04-15
					
					914
					
				

			

		

		

			
				
【代码】VUE中使用v-for时 .split()、replace()等函数报错，提示TypeError: Cannot read properties of null (reading ‘split‘)

			
		

	





	

		

			

				
					
javascript中遇到Cannot read property 'split' of undefined问题

				
			

			

				

					weixin_33701617的博客
				

				

					07-02
					
					1443
					
				

			

		

		

			
				
function NewDate(dateTime) {
            var fulldate = dateTime.split('-');
            var day = fulldate[2].split(" ");
            var time = day[1].split(":");
            var date = new Da...

			
		

	





	

		

			

				
					
vue.js报错

				
			

			

				

					qq_35149546的博客
				

				

					05-21
					
					388
					
				

			

		

		

			
				
1.[Vue warn]: Error in render: "TypeError:Cannot read property 'object_id' of undefined"问题小记：解决方法

			
		

	





	

		

			

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

				
			

			

				

					X_W123的博客
				

				

					12-03
					
					3046
					
				

			

		

		

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

组件内容：

页面中调用：

初始化状态写法：

这样就没问题了

...

			
		

	





	

		

			

				
					
(location.search.split(“?“)[1]) 这个split(“?“)[1]是什么意思

				
			

			

				

					qq_44165157的博客
				

				

					07-22
					
					952
					
				

			

		

		

			
				
split的意思是根据 ？对字符串进行分组，返回值为一个数组类型，【1】意思是从这个数组中取到第二个元素。



			
		

	





	

		

			

				
					
“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...

			
		

	





	

		

			

				
					
Uncaught TypeError: Cannot read property ‘split‘ of undefined解决建议

				
			

			

				

					JunJiu0420的博客
				

				

					02-20
					
					2338
					
				

			

		

		

			
				
之前做项目过程中遇到过Uncaught TypeError: Cannot read property 'split' of undefined的报错，

原因：

1、没有判断arr.split('-')分出来的字符串是否存在

2、arr字符产是不是规范，比如说字符串写错，字符串根本没有‘-’






...

			
		

	





	

		

			

				
					
关于split报错问题

				
			

			

				

					maidong888的博客
				

				

					05-22
					
					2154
					
				

			

		

		

			
				
今天遇到这种情况

在后端给的接口里面请求图片的时候

就这样



我代码写这样



因为有存在格式问题所以用split

然后他就报错undefined



查了下资料 发现这玩意儿在某些情况下会奇奇怪怪的为undefined

然后我就测试了一下

发现果然是这样的

最后的解决办法呢也很简单

直接这样行了



那个viewer标签不用管它 那玩意儿就是个点击图片放大的东西


 <div v-for="items in (list.images || '').split(',')"..

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值