javascript - ElementUI Select组件怎么默认选中?
高洛峰
高洛峰 2017-06-26 10:52:36
0
4
926

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>
高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(4)
小葫芦

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

学霸

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

扔个三星炸死你

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

代言

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!