問題描述

ElementUI Select組件怎么默認(rèn)選中？

這些選項(xiàng)里面的數(shù)據(jù)都是動(dòng)態(tài)抓取的，但是現(xiàn)在我需要讓里面的某個(gè)選項(xiàng)被設(shè)為默認(rèn)值。如果當(dāng)前頁(yè)處于用戶編輯的情況下，我通過ajax獲取到用戶的這些參數(shù)之后，我要怎樣將用戶的參數(shù)在選項(xiàng)里被設(shè)為默認(rèn)呢？

附上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里面的值對(duì)應(yīng)就可以顯示

如圖，設(shè)置v-model等于哪一個(gè)value，就是現(xiàn)實(shí)哪一個(gè)label

沒看到你的html，不過v-model綁定的值和你option的value值一樣就行了唄。也看不到你的html的v－model的綁定值。

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