实现的效果图如下:
在使用vant的表单组件需要嵌套下拉选择组件vanDropdownMenu时的方式如下
一. HTML部分
<van-form @submit="onSubmit" class="mlr-15">
<van-field
v-model="form.id"
label="试卷类型"
error
required
:rules="[{ required: true, message: '请选择试卷类型' }]"
>
<template #input>
<van-dropdown-menu active-color="#1989fa">
<van-dropdown-item v-model="form.id" :options="idList"/>
</van-dropdown-menu>
</template>
</van-field>
<van-field
v-model="form.title"
label="试卷名称"
error
required
:rules="[{ required: true, message: '请选择试卷类型' }]"
>
<template #input>
&