el-cascader报错TypeError: Cannot read properties of null (reading ‘level‘)

具体是把el-cascader封装到自己的组件里，然后在使用这个自己封装的组件时发现以下错误，不影响使用，只是控制台报错。我是在一个vue文件中反复使用了这个组件。估计问题是出现在 el-cascader 的反复渲染上，没关系，为每个级联选择器加个key1.每次组件渲染时手动传入个index，发现不行2.直接在组件里给个key，在data里面设置初始值为0当config数据发生变化时，监听改变这

小鸟哗啦啦

20043人浏览 · 2021-10-28 10:33:47

小鸟哗啦啦 · 2021-10-28 10:33:47 发布

具体是把el-cascader封装到自己的组件里，然后在使用这个自己封装的组件时发现以下错误，不影响使用，只是控制台报错。我是在一个vue文件中反复使用了这个组件。

估计问题是出现在 el-cascader 的反复渲染上，没关系，为每个级联选择器加个key

1.每次组件渲染时手动传入个index，发现不行

2.直接在组件里给个key，在data里面设置初始值为0

当config数据发生变化时，监听改变这个key值，

齐活，收工！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^