Question

我们正在遍历JSON对象，并使用标签动态设置UI字段。很好但是，该JSON对象中有一个属性“ value”，我们希望使用它来设置这些UI字段的默认值，例如TextInput中的默认文本。我们应该在“ component”标签中设置什么属性来实现这一目标？感谢您为完成此任务所提供的帮助。

            <div v-for="(form, index) in forms"
                 :key="index"
                 v-bind="form"
                 class="form__group">
                <label class="form__label" v-model="form.label">{{ form.label }}</label>
                <component :is="form.fieldType"
                           :currentField="form"
                           class="form__field">
                </component>
            </div>

Answer 1

通过“：currentField ='form'”传递给组件的JSON节点应用于设置默认值。像这样-

<el-input
      type="text"
      v-model="form.value">
</el-input> 
<script>    
  export default {
    name: 'TextInput',
    props: ['form']
  }
</script>

感谢@kitschmaster正确引导了我的想法

Vue JS-如何将JSON中的默认值设置为动态创建的UI字段？

1 个答案: