Wie wähle ich die ElementUI Select-Komponente standardmäßig aus?
Die Daten in diesen Optionen werden dynamisch erfasst, aber jetzt muss ich eine der Optionen als Standardwert festlegen.
Wenn die aktuelle Seite vom Benutzer bearbeitet wird, nachdem ich die Parameter des Benutzers über Ajax erhalten habe, wie kann ich dann die Parameter des Benutzers als Standard in den Optionen festlegen?
Angehängter js-Code:
<script>
export default {
name: 'edit',
created (){
this.$http.get('xxxxxx/api/getUserAttributes').then( resolve => {
this.departments = resolve.data.departments
this.userlevels = resolve.data.userlevels
this.positions = resolve.data.positions
}, reject => {
this.$message.error('error')
})
let query_id = this.$route.query.id ? this.$route.query.id : 30
this.$http.get('xxxxxx/api/getUser', {
params: {
query_id: query_id
}
}).then( resolve => {
this.form.id = resolve.data[0].id
this.form.account = resolve.data[0].account
this.form.password = resolve.data[0].password
this.form.nickname = resolve.data[0].nickname
this.form.email = resolve.data[0].email
}, reject => {
this.$message.error('error')
})
},
data (){
return {
form: {
id: '',
account: '',
nickname: '',
password: '',
email: '',
sex: 1,
authority: []
},
departments: [],
userlevels: [],
positions: []
}
}
}
</script>
让v-model的值和checkbox里面的值对应就可以显示
如图,设置v-model等于哪一个value,就是现实哪一个label
没看到你的html,不过v-model绑定的值和你option的value值一样就行了呗。也看不到你的html的v-model的绑定值。
改了一下官方文档里的demo
https://jsfiddle.net/athena03...