element中的常用修改

Posted 2022-03-05 hrr666

一：element中修改下拉框中的icon

如图：

 

<el-select v-model="value" filterable clearable placeholder="请选择">

<el-option

v-for="item in options"

:key="item.value"

:label="item.label"

:value="item.value"

></el-option>

</el-select>

 //我们要更改其icon,首先打开element官网：https://element.eleme.cn/#/zh-CN/component/icon，找到想要更改的图标即可。替换content里面的值。

如果里面没有我们想要的图标可以把阿里图标加入到element里面；

 

css部分：

/deep/ .el-select__caret:before

content: "\\e78f";

font-size: 18px;

 

一：在element中表头和列表中添加内容；