Vue.js Vue选定选项
我正在尝试更改页面加载时选择的选项。当页面被加载,新的或使用的状态为非空时,我希望选择的状态为非空,而不是一直选择状态。我已经尝试了很多东西,但都没有成功,也没有在网上了解到如何使这项工作成功 我尝试过使用和不使用v-bind、不使用v-model以及我在网上看到的其他方式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
<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'
。