问题

在使用 split()方法分割成字符串时,报红信息如下:Cannot read properties of undefined (reading ‘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
}

tips: 在对数据进行处理前,一定得对数据进行为空判断;否则数据为空或者数据不存在的时候,就会报错。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐