vuejs和laravel中的错误折叠引导程序

时间:2018-06-29 07:30:00

标签: javascript php jquery npm vue.js

使用引导程序时出现问题。我的master.blade.php包含所有源javascript(包括jquery

<script src="{{ URL::asset("/js/jquery.js")}}"></script>

我使用npm构建vuejs。在我的组件中包含引导程序的崩溃:

<a :href="'#'+item.id" class="list-context" :id="'list-parent-'+item.id"  data-toggle="collapse" :data-target="'#list-sub-'+item.id">
 {{ item.value }}
</a>

<div  :id="'list-sub-'+item.id" class="collapse" :data-parent="'#list-parent-'+item.id">                        
   Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry 
   richardson ad squid.
</div>

当我单击一个标签时,它将添加显示类。但是我重新单击,它更改了类,如下所示:(删除显示类->添加折叠->删除折叠->应用程序折叠显示) 它看起来像两个jquery文件冲突,一个文件位于master.blade.php内部,一个文件包含在resources / assets / bootstrap.js中。当我在master.blade.php中删除脚本标签时,它工作正常

有人可以告诉我一些有关这种情况的建议。我想将脚本标签保留在master.blade.php中,因为我将它用于main.js

0 个答案:

没有答案