在 UniApp 中使用 uv-vi
组件创建表单可以收集用户信息和单选框的值,你可以按照以下步骤进行操作:
-
确保你已经安装了 UniApp,并在项目中引入了 Vue.js。
-
在项目的页面文件(例如
pages/index/index.vue
)中,引入uv-vi
组件库:
<template>
<view class="container">
<uv-form @submit="submitForm">
<uv-input label="姓名" type="text" v-model="formData.name"></uv-input>
<uv-input label="邮箱" type="email" v-model="formData.email"></uv-input>
<uv-radio-group v-model="formData.gender">
<uv-radio label="男" value="male"></uv-radio>
<uv-radio label="女" value="female"></uv-radio>
</uv-radio-group>
<uv-button type="primary" @click&