Laden Bootstrap-Multiselect dynamisch in VueJs Schleife

Question

Ich versuche, Bootstrap-Multiselect in VueJs Schleife dynamisch zu laden.

mag ich so etwas wie dies zu tun:

<div class="col-xs-6 col-sm-4 mb-1" v-for="params in param"> 

    <select class="mult" multiple="multiple"> 
     <option value="cheese">Cheese</option> 
     <option value="tomatoes">Tomatoes</option> 
    </select> 

</div> 

aber es lädt nicht richtig Check this out jsfiddle

Bitte, ich einen Rat benötigen.

Answer 1

Try this:

http://jsfiddle.net/Lw5us5y3/5/

ich die Refresh-Methode der Mehrfachauswahl nach dem vue Lebenszyklus aktualisiert aufrufen.

$(function() { 
    $('.mult').multiselect(); 
}); 

new Vue({ 
    el: '#app', 
    data: { 
    params: '', 
    message: 'Test' 
    }, 
    methods: { 
    load: function() { 
     this.params = [{value: 'cheese'}, 
     {value: 'tomatoes'}] 
    } 
    }, 
    updated: function(){ 
    $('.mult').multiselect('refresh'); 
    } 
})