ElementUI Select组件怎么默认选中?

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>
阅读 29.8k
4 个回答

clipboard.png

如图,设置v-model等于哪一个value,就是现实哪一个label

让v-model的值和checkbox里面的值对应就可以显示

没看到你的html,不过v-model绑定的值和你option的value值一样就行了呗。也看不到你的html的v-model的绑定值。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题