vue.js - bootstrap selectpicker 不显示 vuejs 上的所有数据

Question

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

当我只使用普通的“select”元素而不附加“selectpicker”时

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

任何数据。

我正在使用 vue.js。

下面是部分代码。

选择选择器元素

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

获取转储数据数组

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

并且上述转储数据将像单个数组一样保存。['A'，'B'，'C']。

vue 中的 dumpdatas 变量定义如下

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

为什么 selectpicker 不显示单个选项项目，而仅使用普通选择元素正确显示每个项目？ 我使用 selectpicker 时的图像，不显示任何数据

当我使用具有相同数据提取方法的普通选择元素时的图像。