el-select Agregar pantalla de unidad de campo en el cuadro de selección desplegable Agregar pantalla de unidad antes del botón desplegable el-select

Antecedentes: el-select puede agregar unidades en las opciones desplegables a través de una plantilla personalizada, pero las unidades no se pueden mostrar después de la selección

lograr efecto

el-select Agregar pantalla de unidad de campo en el cuadro de selección desplegable Agregar pantalla de unidad antes del botón desplegable el-select

implementar el código

html

			  <el-select
                v-model="form.day"
                class="select-prefix"
              >
                <el-option label="1" :value="1" />
                <el-option label="2" :value="2" />
                <el-option label="3" :value="3" />
                <el-option label="4" :value="4" />
                <template slot="prefix"></template>
              </el-select>

CSS

.select-prefix .el-input__prefix{
    right: 30px;
    cursor: pointer;
}

Supongo que te gusta

Origin blog.csdn.net/gjwgjw1111/article/details/131580522
Recomendado
Clasificación