超级会员免费看
在不修改后端接口的情况下，如何在Vue.js应用中使用ElementUI的el-cascader组件限制层级只展示到第三级。通过前端处理逻辑，特别是在懒加载模式下，调整组件的加载策略来实现这一需求。
el-cascader组件的层级一般由服务器接口决定，但有时候，我们某个功能只需要展示到某级，后级的不再展示，如何实现呢？
如下为接口返回的层级：
而我的页面需要展示到第三级即可，在不需要后端处理的前提下实现效果如下：
下面给出限制层级的方法：
1、和后端服务端同事商量让控制接口，不在本次的讨论范围
2、前端我们限制层级即可
我目前使用的el-cascader是懒加载，代码如下：
<el-cascader v-model="dutyvalue" :props="dutyoptions"
@change="handleChange&#
订阅专栏 解锁全文
扫一扫
5699
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
