<u-form-item required label="门店:" label-width="160" > <u-input type="select" :border="border" :select-open="selectShow" v-model="customerName" placeholder="选择门店" @click="selectShow = true" /> </u-form-item>
<u-form-item required label="门店:" label-width="160" > <u-input type="select" :border="border" :select-open="selectShow" v-model="customerName" placeholder="选择门店" @click="selectShow = true" /> </u-form-item>
<u-form-item required label="门店:" label-width="160" >
<u-input type="select" :border="border" :select-open="selectShow" v-model="customerName" placeholder="选择门店" @click="selectShow = true" />
</u-form-item>
用户252301526
2024年12月20日
|
浏览 176
前端
在你的代码中，<u-input> 组件的 type 属性被设置为 select，但没有提供选项供用户选择。为了让这个下拉框正常工作，你需要为它提供一个选项列表。你可以通过 options 属性来实现，或者使用插槽来定义选项。以下是一个示例：
复制代码
<u-form-item required label="门店:" label-width="160">
<u-input type="select" :border="border" :select-open="selectShow" v-model="customerName" placeholder="选择门店" @click="selectShow = true">
<u-option value="store1">门店1</u-option>
<u-option value="store2">门店2</u-option>
<u-option value="store3">门店3</u-option>
</u-input>
</u-form-item>
确保在 Vue 实例中，customerName 的初始值与 u-option 中的 value 对应。这样用户就可以从下拉菜单中选择门店。
我要提问
复制内容
分享给好友
AI编程问答网 免责声明：
以上内容除特别注明外均来源于网友提问，AI编程问答网回答，权益归原著者所有；
上一篇：vue的v-model有什么用