javascript - Bagaimana untuk membuat komponen ElementUI Select dipilih secara lalai?

Question

Bagaimana untuk memilih komponen ElementUI Select secara lalai?

Data dalam pilihan ini ditangkap secara dinamik, tetapi sekarang saya perlu menetapkan salah satu pilihan sebagai nilai lalai.
Jika halaman semasa sedang diedit oleh pengguna, selepas saya mendapatkan parameter pengguna melalui ajax, bagaimanakah saya boleh menetapkan parameter pengguna sebagai lalai dalam pilihan?

Kod js yang dilampirkan:

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

Answer 1

Biarkan nilai model v sepadan dengan nilai dalam kotak pilihan untuk dipaparkan

Answer 2

Seperti yang ditunjukkan dalam gambar, nilai model v yang ditetapkan sama ialah label sebenar

Answer 3

Saya tidak melihat html anda, tetapi nilai terikat pada v-model adalah sama dengan nilai pilihan anda. Saya tidak dapat melihat nilai mengikat v-model dalam html anda sama ada.

Answer 4

Menukar demo dalam dokumen rasmi
https://jsfiddle.net/athena03...