ElementUI Select元件怎麼預設選取?
#這些選項裡面的資料都是動態抓取的,但是現在我需要讓裡面的某個選項被設為預設值。
如果目前頁處於使用者編輯的情況下,我透過ajax取得到使用者的這些參數之後,我要如何將使用者的參數在選項裡被設為預設呢?
附上js程式碼:
<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...