Vue.js&bxslider，滑块不会加载。有没有关于如何修复它的想法？

我正在使用browserify，我想使用bxslider。当我把所有模板都放在一个文件index.html中时，它就开始工作了。现在我使用browserify来构建它，所以我有vue组件。我想在vue组件中使用bx滑块

slider.vue

index.html

我无法获得bxslider，我尝试在组件中使用它作为函数，也尝试在单独的文件中使用它。有什么建议吗？

问题是$document.ready在vue.js代码之前执行。您需要替换此代码

$document.readyfunction{ $'.bxslider'.bxslider； }; 与

$document.readyfunction{ setTimeoutfunction{ $'.bxslider'.bxslider； },100; };

---

您需要确保在完成vue渲染后调用document ready函数。

<ul class="bxslider">
      <li>
             <img src="img/thumb-01.jpg"/>
       </li>
</ul>

<link href="plugins/bxslider/jquery.bxslider.css" rel="stylesheet" />
       <div id="app"></div>
       <!-- scripts -->
    <script src="plugins/jQuery/jQuery-2.2.0.min.js"></script>
    <script src="plugins/bxslider/jquery.bxslider.min.js"></script>
    <script src="dist/build.js"></script>
    <script>
  $(document).ready(function(){
     $('.bxslider').bxSlider();
  });
</script>