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>
上一篇 下一篇

猜你喜欢

热点阅读