Не могу выбрать параметры из списка параметров - PullRequest
Новая
       2

Не могу выбрать параметры из списка параметров

0 голосов
/ 14 ноября 2018

У меня есть выпадающий список под названием логин.Список отображается при загрузке страницы, но я не могу выбрать параметр из списка.Это почему?Я искал в Интернете, но не нашел решения.

Это код из компонента: 

<template>
<div>
    <label for="login" class="control-label">Logins anlegen f&uuml;r</label>
    <select2 class="select2_tag form-control" name="login" 
                     multiple="multiple" :options="login">
    </select2>
</div>
</template>

<script>
import JQuery from 'jquery'
let $ = JQuery
import Select2 from '@/components/Select2.vue'

export default {
    name: 'Login',

    data: function () {
        return {
            login: [],
            loginUebertrag: ''
        }
    },

    components: {
        Select2
    },

    methods: {
        lade_login: function () {
            let vm = this;
            $.getJSON("/api/get_login.php", function (result) {
                vm.login = result;
                console.log("zeile 41: ", vm.login);
            });
        },
    },

    mounted()
    {
        this.lade_login();
    }
}
</script>

И это код из импортированного компонента (называется select2):

<template>
<select class="form-control" >
    <slot></slot>
</select>
</template>
<script>
import JQuery from 'jquery'

let $ = JQuery

export default {
    name: 'select2',
    props: ['options', 'value'],

    mounted: function () {
        var vm = this
        $(this.$el)
        // init select2
            .select2({
                data: this.options,
                tags:true

            })
            //.val(this.value)
            //.trigger('change')
            // emit event on change.
            .on('change', function () {
                vm.$emit('input', this.value)
            });
        console.log( $(this.$el))
    },
    watch: {
        value: function (value) {
            // update value
            //console.log(value)
            $(this.$el)
                .val(value)
                .trigger('change')
        },
        options: function (options) {
            // update options
            $(this.$el).empty().select2({data: options,tags: true})
        }
    },
    destroyed: function () {
        $(this.$el).off().select2('destroy')
    }
}
</script>

Любая помощь приветствуется!

...