Javascript 在Vuejs for HTML select标记的对象数组中循环

我有一个选项数组，我必须迭代以显示select标记。选项数组如下所示：

options: [
            {
                doctor: 'Doctor',
                engineer: 'Engineer',
                teacher: 'Teacher',
                other: 'Other'
            }
        ]

结果应该是这样的：

<select name="occupation">
    <option value="doctor">Doctor</option>
    <option value="engineer">Engineer</option>
    <option value="teacher">Teacher</option>
    <option value="other">Other</option>
</select>

---

您必须使用v-for来迭代选项中的项

<select name="occupation">
    <option :value="name" v-for="(value, name) in options[0]" >{{value}}</option>
</select>

现在你可以这样称呼它了

<select name="occupation">
    <option :value="name" v-for="(value, name) in options" >{{value}}</option>
</select>

要了解更多列表呈现，请阅读本文档 新Vue{ el:“应用程序”， 资料{ 返回{ 选项：[ { 医生：“医生”， 工程师：“工程师”， 老师：“老师”， 其他：“其他” } ] } } } {{option}}

---

item将只提供对象。我需要对象的键和值。@AkhlakurRahman考虑到你得到的是免费的建议，也许对那些帮助你的人要礼貌一点，因为他们不需要这样做，你也没有在你的问题中尝试自己解决这个问题。@Qonvex620是的，那会容易得多。但是数据源是这样的。谢谢。@Spangle哦，好的，明白了。谢谢，我会从下一次开始详细介绍的。嗨@amit maurya，也许在这里提供更多的解释会更好。这段代码在做什么？它是如何工作的？这些东西有助于回答问题，以便其他人能够理解为什么这是一个好的解决方案。

<select name="occupation">
    <option :value="name" v-for="(value, name) in options" >{{value}}</option>
</select>

<select name="occupation">
    <option v-for="(value, key) in options[0]" v-bind: value="key">{{ value }}</option>
</select>