javascript - ElementUI Select組件怎么默認選中？

問題描述

ElementUI Select組件怎么默認選中？

這些選項里面的數據都是動態抓取的，但是現在我需要讓里面的某個選項被設為默認值。如果當前頁處于用戶編輯的情況下，我通過ajax獲取到用戶的這些參數之后，我要怎樣將用戶的參數在選項里被設為默認呢？

附上js代碼：

<script> export default {name: ’edit’,created (){ this.$http.get(’xxxxxx/api/getUserAttributes’).then( resolve => {this.departments = resolve.data.departmentsthis.userlevels = resolve.data.userlevelsthis.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].idthis.form.account = resolve.data[0].accountthis.form.password = resolve.data[0].passwordthis.form.nickname = resolve.data[0].nicknamethis.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的綁定值。

改了一下官方文檔里的demohttps://jsfiddle.net/athena03...