Javascript 占位符消失，v代表

我正在尝试在下拉字段中添加占位符。它在第一个下拉字段上工作，没有

v-for

，但在下一个下拉字段上不会弹出。供参考的屏幕截图：

我的代码如下所示：

<div class="row">
  <div class="clg2 cmd3 csm4 cxs12">
    <label class="bold">Option</label>
  </div>
  <div class="clg5 cmd6 csm8 cxs12">
   <select required
      v-model="thing.Option"
      :disabled="isDisabled(thing)"
      @keydown.enter="$event.stopPropagation()"
   >
     <option disabled value="" hidden>Select Option</option>
       <option>Option 1</option>
       <option>Option 2</option>
   </select>
  </div>
</div>

<div class="row">
  <div class="clg2 cmd3 csm4 cxs12">
    <label class="bold">Thing Type</label>
  </div>
  <div class="clg5 cmd6 csm8 cxs12">
   <select required
      v-model="thing.Metadata['ThingType']"
      :disabled="isDisabled(thing)"
      @keydown.enter="$event.stopPropagation()"
   >
     <option disabled value="" hidden>Select Thing Type</option>
     <option v-for="thingType in supportedThingTypes()" :key=thingType>{{ thingType }}</option>
   </select>
  </div>
</div>

选项
选择选项
选择1
选择2
事物类型
选择事物类型
{{thingType}}

你知道怎么解决这个问题吗？提前谢谢你

检查您的

v-model="thing.Metadata['ThingType']"

内容，我猜您的v-model不包含占位符选项value=“”，因此它选择了一个不存在的“空”值

查看我的工作指南：

---

谢谢！这绝对正确。元数据中实际上缺少ThingType。现在工作。非常感谢。
<option 
   disabled 
   value="" // <-- thing.Metadata['ThingType'] has to be "" if you wanna select your placeholder option
   hidden>
   Select Thing Type
</option>