⚠️ isResponsive属性如果指定为false时,则响应式无效,且当 inline 为true时,即inline模式下,也无响应式


labelPosition 可选, 当不传时,按照响应式处理,如果需要指定,可以传递left, right, top 三种值, 具体请参考 element-ui form


span 可选,当不传时,按照响应式处理,如果需要指定, 可以传递 1-24 ,请参考 element-form layout


响应式处理规则

width 指表单的包裹元素宽度


例子1:在 1300px  时指定  labelPosition  为 top , span 等于 22 :


<ele-form
  v-model="formData"
  :form-desc="formDesc"
  :span="22"
  labelPosition="top"
></ele-form>


按照指定的大小和标签位置显示

image.png


例子2:当在 1300px  时什么都不指定:


<ele-form
  v-model="formData"
  :form-desc="formDesc"
></ele-form>


按照响应式显示

image.png