选择框选项位于DOM上，但未显示在Vue.js中的bootstrap-select下拉列表ul中

Question

问题是我需要使用axios将数据获取到选择框选项中。所以看起来像这样。

<optgroup label="group1">
  <option v-for="aa11 in aa11" :value="aa11.value" :key="aa11.code">{{aa11.value}}</option>
</optgroup>
<optgroup label="group2">
  <option v-for="aa12 in aa12" :value="aa12.value" :key="aa12.code">{{aa12.value}}</option>
</optgroup>

并且这样设置数据。

data(){
  return{
    aa11:[],
    aa12:[]
  }
}

和js

axios.get('URL')
    .then(response=>{
         if(response.data.upjongapi[0].aa11 != null){
   for(let i=0; i<response.data.upjongapi[0].aa11.length; i++){
 this.aa11.push({"code":response.data.upjongapi[0].aa11[i].code,"value":response.data.upjongapi[0].aa11[i].value});
            }
        }

因此，它安装在DOM上，我可以在chrome dev工具中看到。但是我想使用我下载并自定义的bootstrap-select。（我导入它而不是npm install。）

问题出在下拉列表ul上的引导选择DOM上，在li中没有显示。有时会显示出来，所以我不知道何时显示或何时不显示。（似乎取决于运气=（）

this is the problem capture pic. the options that are in yellow circle should be on select box!!

我想查看所有选项，并且都安装在DOM上，但是我不认为它安装在bootstrap-select下拉列表中。我该怎么办？

Answer 1

致未来读者，

    updated() {
       $(this.$el).find('.selectpicker').selectpicker('refresh');
    }

这就像一个魅力=）这是我读过的页面https://github.com/vuejs/Discussion/issues/397