引导4下拉列表（使用vue.js打开）中的复选框不可选中

我用Vue.js打开了一个引导下拉列表[1]。下拉列表包含一些我无法选择的自定义复选框

我读到了event.stopPropagation以及它是如何成为罪魁祸首的，但我不知道该放在哪里。 我怎样才能做到这一点？[2]

这是一个jsfiddle

以下是最简单的HTML：

作曲家 {{作曲家}} 而JS：

var app=新的Vue{ el:“应用程序”， 数据：{ 作曲家：[ “Éliane Radigue”， “劳里·斯皮格尔”， “玛丽安·阿玛切尔” ] }, 方法：{ toggleDropdown:functionevent{ $event.target.parentElement.dropdown'toggle'； }, assignComposer:functionevent{ console.logevent } }, 创建：函数{ //正在从外部关闭下拉列表。。。。 var self=这个； window.addEventListener'click'，函数e { 如果！$e.target.parents'.dropdown'.length { $'.dropdown'。dropdown'hide'； }否则{ e、 停止传播； } }; }, }; [1]

[2] 我知道，jQuery+vue不好，但这就是我得到的，最后都是javascript…

在这种情况下，应该在下拉单击事件上使用event.stopPropagation

使用，您可以通过以下方式编辑代码：

<div class="dropdown-menu" @click.stop="">

以下是工作流程，在这种情况下，应在下拉单击事件上使用event.stopPropagation

使用，您可以通过以下方式编辑代码：

<div class="dropdown-menu" @click.stop="">

---

这是工作指南

谢谢，太简单了：。希望它能帮助别人！谢谢，那太简单了：。希望它能帮助别人！