el-cascader 限制层级

el-cascader组件的层级一般由服务器接口决定,但有时候,我们某个功能只需要展示到某级,后级的不再展示,如何实现呢?

如下为接口返回的层级:

el-cascader 限制层级_第1张图片

 而我的页面需要展示到第三级即可,在不需要后端处理的前提下实现效果如下:

el-cascader 限制层级_第2张图片

下面给出限制层级的方法:

1、和后端服务端同事商量让控制接口,不在本次的讨论范围

2、前端我们限制层级即可

我目前使用的el-cascader是懒加载,代码如下:

data() {
			return {
				dutyoptions:{
					lazy: true,
					expandTrigger: 'hover',
					checkStrictly: false, // 是否可选择任意一级
					laz

你可能感兴趣的:(uniapp,nuxt.js,vue.js,前端,elementui)