el-switch内设置文字
2020-10-10 本文已影响0人
海豚先生的博客
<el-form-item label="状态" prop="userSts">
<div class=""switch-wrap" :style="{backgroundColor: form.status?'green':'red'}">
<span
class="switch-text"
:style="{[form.status?'left':'right']:'6px',color:form.status?'#000':'#fff'}"
>
{{form.status?'启用':'禁用'}}
</span>
<el-switch
v-model="status"
:width="50"
inactive-color="transparent"
active-color="transparent"
>
</el-switch>
</div>
</el-item-form>