Vue 组件报错“TypeError: Cannot read property 'split' of null”解决方法

代码中出现了“TypeError: Cannot read property 'split' of null”错误，这个问题通常出现在 Vue 代码中使用 split 方法时，目标字符串为空或未定义。

代码中的错误:

1. <u--form> 和 <u--input> 组件命名错误，应该改为 <u-form> 和 <u-input>。
2. item.itemValue 可能为 null，导致在 <u-form-item> 组件的 prop 属性中出现问题。

解决方法:

1. 修改 <u--form> 和 <u--input> 组件名称为 <u-form> 和 <u-input>。
2. 使用 item.itemValue || '' 来避免 item.itemValue 为 null 导致的问题。

修改后的代码：

<u-form label-position='left' :model='model1' :rules='rules' ref='uForm' v-for='(item, index) in activityDetail.customizeList' :key='index'>
    <u-form-item :label='item.itemLabel' :prop='item.itemValue || '' ' border-bottom label-width='60'>
        <u-input v-model='item.itemValue' border='none' :placeholder='`请输入${item.itemLabel}`'></u-input>
    </u-form-item>
</u-form>

总结：

通过修改组件命名和处理空值问题，我们成功解决了“TypeError: Cannot read property 'split' of null”错误。在开发过程中，注意组件命名规范，并对可能为空的属性进行必要的处理，可以有效地避免这类错误。