在做表单验证的时候 加入必填校验 required 会在左方默认出现一个红色星号 文字向右推移

为了保持页面的统一性 选择把红色星号放到右边实现

样式深度穿透一下

控制台复制before的代码把它隐藏了

再写一份after的 复用之前before的就可以

:deep {
  .el-form-item.is-required:not(.is-no-asterisk)
    .el-form-item__label-wrap
    > .el-form-item__label:before,
  .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
    display: none;
  }
  .el-form-item.is-required:not(.is-no-asterisk)
    .el-form-item__label-wrap
    > .el-form-item__label:before,
  .el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label::after {
    content: "*";
    color: #f56c6c;
    margin-left: 4px;
  }
}

 参考：如何更改表单必填红星的位置，*废弃css属性_前端表单校验红色标星放在表单的尾部-CSDN博客