Vue Elementui 表单必填项和非必填项label文字对齐（左对齐）

开始的时候尝试的写行内样式，但是会导致验证提示左移

下面是我使用的方法
表单项放在一个div中,修改对应类的样式
::v-deep的作用自己百度 写法可能不一样，思路如此

 <div class="requiredBox">
    <el-form-item>
    </el-form-item>
    <el-form-item>
    </el-form-item>
    <el-form-item>
    </el-form-item>
 </div>

<style lang="scss" scoped>
.requiredBox {
  ::v-deep .el-form-item__label {
    transform: translateX(-10px);
  }
}
</style>

修改后的效果