v型和选定的不同时工作--vue.js 更新

v型和选定的不同时工作--vue.js 更新,vue.js,vuejs2,Vue.js,Vuejs2,如果在select上使用v-model,则select input的选定选项不起作用 水果 -全部- {{item}} 使用选定属性 为上述答案添加一个附加值,如果您希望有一个默认占位符,但不是一个有效值(如“选择国家/地区”),您可以这样做: <select> <option value="" selected disabled hidden>Select country here</option> <option value="1"&g

如果在select上使用v-model,则select input的选定选项不起作用

水果

-全部- {{item}} 使用选定属性


为上述答案添加一个附加值,如果您希望有一个默认占位符,但不是一个有效值(如“选择国家/地区”),您可以这样做:

  <select>
  <option value="" selected disabled hidden>Select country here</option>
  <option value="1">Bulgaria</option>
  <option value="2">Serbia</option>
  <option value="3">Cyprus</option>
  </select>

你现在知道了吗?也许在你的问题中也值得一提@芭比你不这么说吗?请记住,我们正试图在这里提供帮助。我只看到它不在给定的代码中,因此请正确地给出代码。您能否向我们提供您尝试使选择工作正常的代码,并告诉我们哪些代码不工作@芭比娃娃,直到我在代码中看不到任何问题。你能添加代码片段吗?我觉得上面的方法很好用。您的选项是否使用不同的字体颜色?下拉列表的背景色似乎与选择输入本身不同,可能是字体的颜色仍然是白色,这导致字体不可见。
  <select>
  <option value="" selected disabled hidden>Select country here</option>
  <option value="1">Bulgaria</option>
  <option value="2">Serbia</option>
  <option value="3">Cyprus</option>
  </select>