引导选择不使用ajax

JavaScript:

var books = new Vue({
    el: '#book_app',
    data : {
        book_list : ''
    }
    created: function() {
        $.ajax({
            type: 'get',
            url: '/admin/book/get',
            data: {
                member: memberCode
            },
            success: function (result) {
                this.book_list = result;
                $('#book_select').selectpicker('refresh');
            }
        });
    }
});

HTML:

...
<div id='book_app'>
    <select class='selectpicker' id='book_select'>
       //each book object has 'name' and 'code' attributes.
       <option v-for="book in book_list">{{book.name}}</option>
    </select>
</div>
...

。。。
//每个图书对象都有“名称”和“代码”属性。
{{book.name}
...

我在Chrome开发工具的

网络

选项卡中看到了所有书籍，在

元素

选项卡中也看到了所有

选项

与书籍

名称

。但是选项列表不会出现在网页中

---

您能否共享任何JSFIDLE或代码片段或任何实时演示，以便我们进行复制。此外，请尝试删除此代码

$（“#book_select”）。selectpicker（'refresh'）

@C2486因为它不起作用，所以我添加了

$（“#book_select”）。selectpicker（'refresh'）

，但它仍然

失败

您可以共享任何可能重复的JSFIDLE或代码片段吗