我在Laravel InertiaJS应用程序中使用Naive UI,我需要设置表单并利用惯性表单来获得表单的实时验证。我只是不知道如何有效地使用Naive UI组件和InertiaJS。任何帮助将不胜感激。
3lxsmp7m1#
我找到解决办法了我的做法是将NForm组件与NFormItem组件一起使用,并设置如下属性:
<NForm> <n-space vertical> <NFormItem label="Username" size="large" :feedback="form.errors.name" :validation-status="form.errors.name ? 'error' : 'success'"> <NInput v-model:value="form.name" /> </NFormItem> <NFormItem label="Email" size="large" :feedback="form.errors.email" :validation-status="form.errors.email ? 'error' : 'success'"> <NInput v-model:value="form.email" /> </NFormItem> <NButton type="primary" :loading="form.processing" @click="submitForm"> Submit </NButton> </n-space> </NForm>
1条答案
按热度按时间3lxsmp7m1#
我找到解决办法了我的做法是将NForm组件与NFormItem组件一起使用,并设置如下属性: