el-select如何去掉placeholder属性

2023-12-20 13:01:34

功能要求是:当el-select的disabled属性为true的时候不展示“请选择”字样

1、要去掉 el-select 元素的 placeholder 属性,可以在代码中将其设置为空字符串。

<el-select placeholder="" ...></el-select>

?注意:这种方式有时候会不生效可能会受其他文件样式影响如样式覆盖,组件属性继承等,所以可以通过修改样式来实现

2、如果想要全局修改的话,可以使用css修改

找到项目里设置全局样式的文件,使用伪类选择器将placeholder属性文字颜色透明度设置成0

.el-select .el-input.is-disabled .el-input__inner::placeholder{
    opacity:0
}

?

代码如下

<script setup>
import {ref} from 'vue'
    let config = ref('')
</script>
<template>
    <el-select placeholder="请选择国家" v-model="config" disabled>
       <el-option label="中国" value="1"></el-option>
    </el-select>  
</template>
<style>
.el-select .el-input.is-disabled .el-input__inner::placeholder{
    opacity: 0;
}
</style>

?

文章来源:https://blog.csdn.net/liuzaixi/article/details/135102210
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。