el-switch内设置文字
作者:
海豚先生的博客 | 来源:发表于
2020-10-10 15:47 被阅读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>
本文标题:el-switch内设置文字
本文链接:https://www.haomeiwen.com/subject/osfjpktx.html
网友评论