【要素】el-cascader カスケードセレクター

要素UI

ラベルが空の場合は表示されません

子を未定義に設定する

dg(list) {
  list.forEach(item => {
    item.label = item.name
    item.value = item.id
    item.children = item.childrenList.length !== 0 ? item.childrenList : undefined
    if (item.children) {
      this.dg(item.children)
    }
  })
},

最初のレイヤーにはチェックボックスが表示されません

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

<style lang="scss" scoped>
</style>

<style lang="scss">
.device_cascader {
  .el-cascader-panel {
    .el-scrollbar:first-child {
      .el-checkbox {
        display: none;
      }
    }
  }
}
</style>