搜索

首页  >  问答  >  正文

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.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>
高洛峰高洛峰2752 天前964

全部回复(4)我来回复

  • 高洛峰

    高洛峰2017-06-26 10:54:36

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

    回复
    0
  • 欧阳克

    欧阳克2017-06-26 10:54:36

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

    回复
    0
  • 扔个三星炸死你

    扔个三星炸死你2017-06-26 10:54:36

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

    回复
    0
  • 代言

    代言2017-06-26 10:54:36

    改了一下官方文档里的demo
    https://jsfiddle.net/athena03...

    回复
    0
  • 取消回复