element-ui el-cascader级联选择器设置指定层级不能选中

vue的后台管理项目中有一个添加商品分类的按钮,点击获取全部的商品分类渲染到级联选择器中供用户选择要添加哪一级的分类,开始效果如下图:

 但是商品要求最多添加到三级分类,所以级联选择器应该只能查到一二级分类,或是有三级分类的话不能选中,只能选中一二级分类。因为这里获取分类的接口后端是返回所有等级的数据没有限制,所以我就想自己试着看能不能最好只把前两级的分类数据渲染出来,或是超过二级分类的数据不能选中也行,我获取的树形数据里边有个type字段对应的是数字1、2、3是分类

的层级。在网上找了个递归的方法用来根据type判断超过2级的分类不让选中但一直控制台报错这个递归方法未定义就很纳闷不知道错哪了,希望有熟悉递归的大佬帮我看看是哪里出了问题,下边是代码:

这是在utils/index.js中封装的递归的方法

下边是在页面中的引入使用

 

 getTreeList()就是我引入的递归方法但是没有用一直报错,新增对话框都弹不出来了如下:

不知道上边是哪里出错了还是方法不对,有大佬知道嘛,其实我最开始是想只渲染出一二级分类不让后边的显示用户也就没办法点击了更不会生成三四级等等了但无奈技术差网上也没找到方法就找了这个递归限制选中的方法也没用对,如果有这方面经验的兄弟希望指点一下,万分感谢

把第一张图getTreeList前面的this干掉就好了