twitter-bootstrap - Vue2 组件不显示 Bootstrap 下拉菜单

Question

我有一个 Vue 子组件，它显示 Bootstrap 模式并需要一些字段，其中一个字段是下拉选择。无论出于何种原因，下拉按钮不会激活，因此不会显示下拉项目:单击时“aria-expand”保持错误。我的问题是代码显然在组件之外工作，所以我真的不明白出了什么问题。这是一个有效的 JSfiddle我要做什么。

我为我的 Vue 组件使用的代码完全相同，除了

`<template>
    <div> 
        // insert jsfiddle code here
    </div>
</template>
<script>
    export default{}
</script>`

该组件工作正常，当按下按钮时显示模态，只有下拉菜单不起作用。如果它有任何相关性，我正在使用 single file vue components用 laravel。

Answer 1

经过几个小时的修改，我意识到问题出在我的导入上。我不仅在我的 app.js 文件中导入了 bootstrap，而且还在我的 layout.php 中导入了它，这导致了问题。确保只导入一次!