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>

修改后的效果