很多人在开发过程中,官方给的样式不符合设计图或者不符合需求,这是需要修改样式。表单、表格修改label,需要用到slot属性,不多说,直接上代码比较直观些。
// 官方写法
<el-table-column
prop="problemReceive"
label="问题接收"
width="150">
</el-table-column>
// 自定义
<el-table-column label="问题接收" width="150">
<template slot="header">
<span style="color: #f00">*</span>问题接收
</template>
<template slot-scope="scope">
<el-select v-else placeholder="请选择" clearable v-model="scope.row.problemReceive">
<el-option
v-for="item in confirmType"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</template>
</el-table-column>
// 官方写法
<el-form-item label="活动名称">
<el-input v-model="form.name"></el-input>
</el-form-item>
// 自定义
<el-form-item prop="operationCode">
<template slot="label">
<div>活动名称</div>
</template>
<div>{
{form.name}}</div>
</el-form-item>