在 vueJs 循环中动态加载 bootstrap-multiselect
Loading bootstrap-multiselect dynamically in vueJs loop
我正在尝试动态加载 bootstrap-VueJs 循环中的多选。
我想做这样的事情：
<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>
但加载不正确
Check this out jsfiddle
拜托，我需要建议。
试试这个：
http://jsfiddle.net/Lw5us5y3/5/
我是在更新vue生命周期之后调用multiselect的refresh方法。
</p>
<pre><code>$(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');
}
})
我正在尝试动态加载 bootstrap-VueJs 循环中的多选。
我想做这样的事情：
<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>
但加载不正确 Check this out jsfiddle
拜托，我需要建议。
试试这个：
http://jsfiddle.net/Lw5us5y3/5/
我是在更新vue生命周期之后调用multiselect的refresh方法。
</p>
<pre><code>$(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');
}
})