element-plus的Cascader实现第一级隐藏checkbox或者radio方法

element-plus 的 Cascader 实现第一级隐藏 checkbox 或者 radio 方法

一、通过 css 隐藏

HTML 代码：

// 添加样式名称
<el-cascader popper-class="myCascader" />

CSS 代码：

// 添加全局样式  单选、多选影藏
.myCascader .el-cascader-panel .el-cascader-menu:first-child .el-scrollbar__wrap ul li label,
.myCascader .el-cascader-panel .el-cascader-menu:first-child .el-scrollbar__wrap ul li .el-checkbox {
  display: none !important;
}

效果如下：

2. 通过数据 disabled

HTML 代码：

<el-cascader :options="options" :props="props" clearable />

CSS 代码：

// 配置 disabled 属性
const props = {
  multiple: true,
  checkStrictly: true,
}

const options = [
  {
    value: 'guide',
    label: 'Guide',
    disabled: true,
    children: [
      {
        value: 'disciplines',
        label: 'Disciplines',
        children: [
          {
            value: 'consistency',
            label: 'Consistency',
          },
          {
            value: 'feedback',
            label: 'Feedback',
          },
          {
            value: 'efficiency',
            label: 'Efficiency',
          },
          {
            value: 'controllability',
            label: 'Controllability',
          },
        ],
      }
   }
]

效果如下：

以上就是关于 element-plus 的 Cascader 实现第一级隐藏 checkbox 或者 radio 方法的全部内容，更多请关注码云笔记其它相关文章！

以上关于element-plus的Cascader实现第一级隐藏checkbox或者radio方法的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。