javascript - ElementUI Select組件怎么默認(rèn)選中?
問題描述
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>
問題解答
回答1:讓v-model的值和checkbox里面的值對(duì)應(yīng)就可以顯示
回答2:
如圖,設(shè)置v-model等于哪一個(gè)value,就是現(xiàn)實(shí)哪一個(gè)label
回答3:沒看到你的html,不過v-model綁定的值和你option的value值一樣就行了唄。也看不到你的html的v-model的綁定值。
回答4:改了一下官方文檔里的demohttps://jsfiddle.net/athena03...
相關(guān)文章:
1. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. vue.js - Vue 如何像Angular.js watch 一樣監(jiān)聽數(shù)據(jù)變化4. 如何解決Centos下Docker服務(wù)啟動(dòng)無響應(yīng),且輸入docker命令無響應(yīng)?5. 實(shí)現(xiàn)bing搜索工具urlAPI提交6. javascript - 移動(dòng)端上不能實(shí)現(xiàn)拖拽布局嗎?7. angular.js - 單頁(yè)應(yīng)用(ng/vue)該如何監(jiān)聽用戶離開當(dāng)前頁(yè)面(或者路由)?8. javascript - ios返回不執(zhí)行js怎么解決?9. thinkPHP5中獲取數(shù)據(jù)庫(kù)數(shù)據(jù)后默認(rèn)選中下拉框的值,傳遞到后臺(tái)消失不見。有圖有代碼,希望有人幫忙10. index.php錯(cuò)誤,求指點(diǎn)

網(wǎng)公網(wǎng)安備