element-plus Cascader 第一级隐藏checkbox或者radio

1. 通过css隐藏

element-plus Cascader 第一级隐藏checkbox或者radio_第1张图片

// 添加样式名称
// 添加全局样式  单选、多选影藏
.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

element-plus Cascader 第一级隐藏checkbox或者radio_第2张图片

// 配置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)