uni-forms的使用

Question

为什么下拉选择框时没有选择内容？
使用的是uni-app中的uni-forms组件

Answer 1

在Uni-app中，你可以使用uni-forms组件来创建表单。这个组件可以让你轻松地构建表单，并处理用户的输入。下面是一个简单的示例：

<template>
  <view>
    <uni-forms :schema="schema" :value="formValues" @input="onFormInput"></uni-forms>
    <button @click="submitForm">提交</button>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        schema: {
          type: 'object',
          properties: {
            name: { type: 'string', title: '姓名' },
            age: { type: 'number', title: '年龄' }
            // 其他表单字段
          }
        },
        formValues: {
          name: '',
          age: 0
          // 其他表单字段的初始值
        }
      }
    },
    methods: {
      onFormInput(value) {
        this.formValues = value;
      },
      submitForm() {
        // 处理表单提交逻辑
        console.log('提交的数值：', this.formValues);
      }
    }
  }
</script>

在这个示例中，我们创建了一个简单的表单，包括姓名和年龄两个字段。用户输入的数值会保存在formValues变量中，然后可以在submitForm方法中进行处理。