Vue.js Vue选定选项

Vue.js Vue选定选项,vue.js,vuejs2,Vue.js,Vuejs2,我正在尝试更改页面加载时选择的选项。当页面被加载,新的或使用的状态为非空时,我希望选择的状态为非空,而不是一直选择状态。我已经尝试了很多东西,但都没有成功,也没有在网上了解到如何使这项工作成功 我尝试过使用和不使用v-bind、不使用v-model以及我在网上看到的其他方式 <select id="application-status" class="custom-select" v-model="selected"> <option :value="null" disab

我正在尝试更改页面加载时选择的选项。当页面被加载,新的或使用的状态为非空时,我希望选择的状态为非空,而不是一直选择状态。我已经尝试了很多东西,但都没有成功,也没有在网上了解到如何使这项工作成功

我尝试过使用和不使用v-bind、不使用v-model以及我在网上看到的其他方式

<select id="application-status" class="custom-select" v-model="selected">
  <option :value="null" disabled>Status</option>
  <option :value="'new'" v-bind:selected="item.new != null">New</option>
  <option :value="'used'" v-bind:selected="item.used != null">Used</option>
</select>

地位
新的
使用

无论显示什么状态,都是正确的。

您需要以某种方式设置所选
的值。正如所指出的,一种方法是使用
mounted()
lifecycle挂钩:

const-app=新的Vue({
el:“应用程序”,
安装的(){
this.selected=“used”;
},
数据(){
返回{
选定:“,
项目:“新”
};
}
});

地位
新的
使用

这个。在挂载中选择='new'