Acerca del selector en cascada element-ui el-cascader, seleccione cualquier opción de un nivel por separado y elimine el botón de opción (grábelo)

El efecto es el siguiente:

Clasificación

inserte la descripción de la imagen aquí
El código es el siguiente: seleccione cualquier atributo checkEstrictamente solo y vincule el nombre de clase personalizado de clase popper con ID de categoría

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

Modifique el estilo: no puede agregar alcance ni colocarlo en el estilo global, y agregar el nombre del estilo personalizado delante del estilo que se va a modificar.

<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>

Supongo que te gusta

Origin blog.csdn.net/weixin_45753588/article/details/129852977
Recomendado
Clasificación