1. <u-form><u-input> 标签中的双短横线应该改为单短横线,即 <u-form><u-input>
  2. <u-form-item> 中的 :prop 属性应该绑定的是 item 对象中的属性名,而不是属性值。应该改为 :prop="item.propName"
  3. <u-input> 中,应该使用 v-model 绑定 item 对象中的属性名,而不是直接绑定 item 对象中的属性值。应该改为 v-model="item.propName"
  4. <u-form-item> 中,应该使用 :label-width 绑定标签宽度,而不是使用 labelWidth 属性。应该改为 :label-width="60"
  5. <u-form> 中,应该使用 v-for 绑定整个表单,而不是在 <u-form-item> 中使用 v-for。应该改为 <u-form v-for="(item, index) in activityDetail.customizeList" :key="index" label-position="left" :model="model1" :rules="rules" ref="uForm">
  6. <u-form> 中,应该将 ref 属性绑定到整个表单上,而不是在 <u-form-item> 中绑定。应该改为 ref="uForm"
Vue.js 中使用 UForm 组件的常见错误和解决方案

原文地址: https://www.cveoy.top/t/topic/otZ8 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录