如何在Vue中显示带有占位符的下拉列表？
如何在Vue中显示带有占位符的下拉列表？
提问于 2021-05-31 16:44:02
我想在Vue中显示一个下拉列表的占位符。我使用v-for循环来遍历不同的下拉选项。
我只想要占位符显示什么都没有被选中。如果单击了下拉列表，则只显示选项"A“、"B”、"C“、"D"，而不显示”请选择组合“。
我尝试了下面的选项，但不知道如何使用v-for选项？
data () {
comboOptions = ["A", "B", "C", D"]
} <option
v-for="option in comboOptions"
placeholder="Please Select a Combo"
:value="option"
:key="option"
>
{{ option }}
</option>我不想单独硬编码每个选项，以使占位符看起来像这样
<option :value="null" disabled>Please Select a Combo</option>
<option value="A">A</option>
<option value="B">B</option>另外，我不能使用Semantic-ui-vue库。
我们该怎么做呢？谢谢你的帮助！
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-05-31 16:51:29
我会这样做：
<option selected="selected" value="null" disabled>-</option>
<option v-for="agent in ticket.agents" v-bind:value="agent.agent_id">
<span> {{agent.agent_full_name}} </span>
</option>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67770509
复制相关文章
相似问题
腾讯云开发者
