bootstrap select 在vue 2.6 双向绑定

Bootstrap Select 是一个很好用的下拉选择框插件，它可以和 Vue 2.6 的双向绑定结合使用，使得我们可以更方便地操作下拉选择框的选项。下面是一个在 Vue 2.6 中实现 Bootstrap Select 双向绑定的示例：

1. 首先，我们需要在 HTML 文件中引入 Bootstrap Select 的 CSS 和 JavaScript 文件：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0/dist/css/bootstrap-select.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0/dist/js/bootstrap-select.min.js"></script>

2. 在 Vue 实例中，我们需要定义一个 data 属性来存储下拉选择框的选项列表和选中的值：

<div id="app">
  <select v-model="selected" class="selectpicker">
    <option v-for="option in options" :value="option.value">{{ option.text }}</option>
  </select>
  <p>Selected value: {{ selected }}</p>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    options: [
      { value: '1', text: 'Option 1' },
      { value: '2', text: 'Option 2' },
      { value: '3', text: 'Option 3' }
    ],
    selected: ''
  },
  mounted() {
    $('.selectpicker').selectpicker()
  }
})
</script>

在上面的代码中，我们定义了一个 data 属性来存储下拉选择框的选项列表和选中的值。然后在模板中使用 `v-model` 指令来实现双向绑定。需要注意的是，在 `mounted` 生命周期钩子函数中，我们需要使用 jQuery 的 `selectpicker()` 方法来初始化 Bootstrap Select 插件。

这样，我们就可以在 Vue 2.6 中实现 Bootstrap Select 的双向绑定了。