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...