我正在使用Vue-select,并希望使下拉强制,但看起来它是不工作。
尝试了所需的,规则,但没有运气。
<v-select label="name"
:close-on-select="true"
v-model="CurrentAssignment"
v-on:input="onSelection"
:reduce="app => app.id"
placeholder="Select"
:options="EligibleOptions" :clearable="false"
>
</v-select>
感谢您的意见。
3条答案
按热度按时间jdzmm42g1#
我假设您使用的是Vue-select(通过查看
reduce
prop和v-select
语法),文档中已经提供了验证指南,您需要结合使用required
prop和搜索范围的slot。这是一个演示,其中当提交事件将被触发的选择下拉列表将显示一个错误,并自动打开。
**注意-**我使用表单的提交事件触发验证。您可以使用您的提交逻辑。
cyvaqqii2#
使用**
:rules
prop代替required,并向其提供如下required
**方法:模板
脚本
b91juud33#
通过使用此规则属性,您可以将其从数据传递到该v-select
并将此数据添加到v-select组件,如下所示: