bootstrap selectpicker不显示vuejs上的所有数据

Question

我正在尝试向'bootstrap selectpicker'显示一组数据。

当我使用普通的'select'元素而不附加'selectpicker'

时

类，它显示所有数据，但是当我使用'selectpicker'时它不会显示

任何数据。

我正在使用vue.js。

以下是部分代码。

选择选择器元素

<select class="selectpicker">
     <option v-for="dumpdata in dumpdatas">{{ dumpdata }}</option>
</select>

获取dumpdatas数组

axios.get('/api/getDumpDatas')
.then(response => {
    this.dumpdatas = res.data;
});

以上dumpdatas将像单个数组一样保存。 ['A'，'B'，'C']。

vue中的dumpdatas变量定义为

data() {
   return {
       dumpdatas: []
   }
}

为什么selectpicker不显示单个选项，而只使用普通选择元素正确显示每个项目？ Image of when I use selectpicker, not displaying any data

Image when I use just plain select element with same data pulling method.