error collapse bootstrap in vuejs and laravel


error collapse bootstrap in vuejs and laravel



I have a problem when use bootstap. I have master.blade.php contain all source javascript (including jquery)





I use npm to build vuejs. In my component contain collapse of bootstrap:


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


Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
richardson ad squid.



When i click a tag , it add show class. But i re-click, it change class ,as follows :(remove show class-> add collapsing ->remove collapsing -> app collapse show)
It looks like two jquery file collide, one file inside master.blade.php, one file include in resources/assets/bootstrap.js. When i remove script tag in master.blade.php then it work fine



Someone can tell me some suggest for this situations . I want keep script tag in master.blade.php because i use it for main.js





What does changeCate(item.id) do?
– kerbholz
Jun 29 at 7:54


changeCate(item.id)





sorry , it not relate to error
– Hưng hoàng
Jun 29 at 9:10









By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Comments

Popular posts from this blog

paramiko-expect timeout is happening after executing the command

Opening a url is failing in Swift

Export result set on Dbeaver to CSV