引导交换机无法在vue-js-modal中运行

Question

我在Vue.js中有一个项目。我正在使用Vue-js-modal来显示模态内部的表单。我的问题是，当我使用Boostrap-switch复选框时，它不起作用。

<modal name="edit">
 <div class="row form-group">
          <label for="provider_info">Is Domain</label><br>  
          <input type="checkbox" name="item" v-model="site.item" id="item" class="num-searches make-switch pull-right" data-on-color="success" data-size="small">  
        </div>
</modal>

我的JavaScript非常基础。在Vue.js的Methods（）中，我有一个名为show的函数：

    show () { 
      this.$modal.show('edit');
    },

我在main.js中收取vue-js-modal

import VModal from 'vue-js-modal'

但是我在vue-cli的index.html中收取了自由费用，如下所示：

    <script src="/src/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>

它显示没有样式的复选框。