element-ui el-cascader カスケード セレクターについては、任意の 1 レベルのオプションを個別に選択し、ラジオ ボタンを削除します (記録します)。

効果は次のとおりです。

分類

コードは次のとおりです。任意の属性 checkStrictly を個別に選択し、カテゴリ ID をバインドします。 Popper-class カスタム クラス名

             <el-cascader
              v-model="form.cateIds"
              :options="cateList"
               popper-class="removeRadio"
              :props="{ checkStrictly: true,value:'id' }"
              clearable></el-cascader>

スタイルを変更します。スコープを追加したり、グローバル スタイルに配置したり、変更するスタイルの前にカスタム スタイル名を追加したりすることはできません。

<style>

.removeRadio .el-radio__inner {
    
    
  border-radius: 0;
  border: 0;
  width: 170px;
  height: 34px;
  background-color: transparent;
  cursor: pointer;
  box-sizing: border-box;
  position: absolute;
  top: -18px;
  left: -19px;
}

.removeRadio .el-radio__input.is-checked .el-radio__inner {
    
    
  background: transparent;
}

</style>