Javascript 如何修复vmodel选定选项vue js

因此，我有一个web应用程序，用户可以从选项列表中进行选择。请看以下代码：

Indique létat de ton文章
纽夫
祝你好运
邦达

newvue({
模板：“#主”，
数据：
{
etatatricle:null
}
}).$mount（“#app”）

Indique létat de ton文章
纽夫
祝你好运
邦达
在组件数据中，您需要定义v型模型的默认值。你可以在我的文章中看到这个例子

在模板中：

<select v-model="selectedValue" class="form-control">
    <option value="" disabled selected>
      Disabled and selected by default
    </option>
    <option value="first">First</option>
    <option value="second">Second</option>
    <option value="third">Third</option>
  </select>

您不能在此处选择属性，Vue将通过v-model处理此问题。您应该在控制台中看到一条警告。删除所选内容，然后将其签出。我仍然看不到第一个选项！！！！即使它在这里工作，我仍然不明白为什么它在我的应用程序中不工作！（我正在使用VUE3+nuxt）。也许这与我当前使用的版本有关？你的应用程序没有设置模型变量的初始值-因此它是空的，但第一个选项（禁用的选项）的值不是空的，它是一个空字符串。因此没有匹配项，因此没有预选选项。
  data() {
    return {
      // Define your value by default to show it
      selectedValue: "",
    };
  },