【问题标题】:Vue2 component not displaying bootstrap dropdownVue2组件不显示引导下拉菜单
【发布时间】:2017-03-07 02:11:30
【问题描述】:

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

我用于我的 Vue 组件的代码完全相同,除了

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

该组件工作正常,当按下按钮时显示模式,它唯一的下拉菜单不起作用。如果它有任何相关性,我将 single file vue components 与 laravel 一起使用。

【问题讨论】:

  • 其实我试过你的代码,效果很好!!
  • 你在某个地方的模板文字字符串中都有代码?
  • @AmrAly 在他的问题中的代码中,它是一个模板文字字符串。
  • @Bert Evans 是的,我刚刚注意到了。
  • 查看fiddle

标签: twitter-bootstrap vue.js vuejs2 vue-component


【解决方案1】:

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

【讨论】:

  • 我有同样的问题和同样的解决方案。
  • 同样的问题,同样的解决方案!谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-23
  • 1970-01-01
  • 2013-10-10
  • 2014-08-17
  • 1970-01-01
  • 2019-01-10
相关资源
最近更新 更多