【ElementUI】如何隐藏选择框 / 选择框美化

这是一个平平无奇的 el-select

<el-select v-model="value" class="hideSel" placeholder="请选择">
      <el-option
        v-for="(item, index) in list"
        :key="index"
        :label="item"
        :value="item"
      />
    </el-select>

加上 class=“hideSel”

<style scoped>
	.hideSel {
	  background-color: transparent;
	  border: none;
	  opacity: 0;
	  position: absolute;
	  left: 30px;
	}
</style>

现在，他被隐藏了，但依旧可以点击。我们可以在下面写一个自己的选择框，绑定 v-model=“value”，将 el-select 置于顶层即可实现选择框美化。