vue.js v-select默认值

我想使用vue.js为select选项设置一个默认值

这是我的密码

 <v-select
        v-model="contact.title"
        :options="['Mr','Mrs','Ms']">
      </v-select>

谢谢

不是vue中的最佳实践。 你可以这样做：

<v-select
    v-model="selected"
    :options="['Mr','Mrs','Ms']">
</v-select>


data: function () {
  return {
    selected: '' || 'defaultValue'
  }
},

这样，您就不会改变道具，并且可以轻松设置默认值。 如果要将数据传递给父级，请查看： 不是vue中的最佳实践。 你可以这样做：

<v-select
    v-model="selected"
    :options="['Mr','Mrs','Ms']">
</v-select>


data: function () {
  return {
    selected: '' || 'defaultValue'
  }
},

这样，您就不会改变道具，并且可以轻松设置默认值。 如果要将数据传递给父级，请查看：

---

试试这个。我想这个会有用的

<v-select
  v-model="selected"
  :options="options">
</v-select>


data: () {
  return {
    selected: 'Option 1',
    options: ["Option 1","Option 2","Option 3"]
  }
},

---

试试这个。我想这个会有用的

<v-select
  v-model="selected"
  :options="options">
</v-select>


data: () {
  return {
    selected: 'Option 1',
    options: ["Option 1","Option 2","Option 3"]
  }
},

---

只需为作为prop传递的联系人对象的title字段设置一个默认值。您必须将contract.title的值设置为数组['Mr'、'Mrs'、'Ms']中的一个值，这将触发一个错误，因为props不支持两种方式binding@mava答案看起来不错，我完全没有注意到props必须为作为prop传递的联系人对象的title字段设置默认值。您必须将contract.title的值设置为数组['Mr'、'Mrs'、'Ms']中的一个值，这将引发错误，因为props不支持两种方式binding@mava答案看起来不错，我完全错过了它的道具什么不起作用？默认值是多少？控制台中是否有任何错误？是的，默认值无法显示，控制台中没有任何错误什么不起作用？默认值是多少？控制台中是否有错误？是，默认值无法显示，控制台中没有错误