javascript - Comment sélectionner le composant ElementUI Select par défaut?
高洛峰
高洛峰 2017-06-26 10:52:36
0
4
925

Comment sélectionner le composant ElementUI Select par défaut ?

Les données de ces options sont capturées dynamiquement, mais je dois maintenant définir l'une des options comme valeur par défaut.
Si la page actuelle est en cours de modification par l'utilisateur, après avoir obtenu les paramètres de l'utilisateur via ajax, comment puis-je définir les paramètres de l'utilisateur par défaut dans les options ?

Code js ci-joint :

<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教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

répondre à tous(4)
小葫芦

Laissez la valeur du modèle v correspondre à la valeur dans la case à cocher à afficher

学霸

Comme le montre l'image, la valeur à laquelle le modèle V est égal est l'étiquette réelle

扔个三星炸死你

Je n'ai pas vu votre code HTML, mais la valeur liée au v-model est la même que la valeur de votre option. Je ne vois pas non plus la valeur de liaison de v-model dans votre code HTML.

代言

Modification de la démo dans le document officiel
https://jsfiddle.net/athena03...

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!