vue el-form 的 label-position 属性设置无效

在 Vue 的 Element UI 中，`el-form` 组件的 `label-position` 属性用于设置表单项标签的位置。如果你发现设置了 `label-position` 属性后，标签的位置没有发生变化，可能是因为你的 CSS 样式文件存在覆盖了这个属性的样式。

你可以尝试在 `el-form` 组件上加上 `class` 属性，然后在 CSS 中设置 `label-position` 属性的优先级更高，以覆盖其他样式。例如：

<el-form :label-position="labelPosition" class="my-form">
  <!-- 表单项 -->
</el-form>

.my-form .el-form-item__label {
  flex-basis: unset !important;
  margin-right: 20px !important;
}

在上面的例子中，我们给 `el-form` 组件加上了 `my-form` 类，并在 CSS 中设置了 `.my-form .el-form-item__label` 的样式，这样就可以覆盖其他样式，使 `label-position` 属性生效了。注意，为了让样式生效，我们在 CSS 中使用了 `!important` 来提高样式的优先级。