Bootstrap ：下拉按钮不再工作

mbjcgjjk 于 2022-12-25 发布在 Bootstrap

关注(0)|答案(2)|浏览(170)

我正在检查我的一个网站时，我发现我的下拉菜单不工作了（不想崩溃）。
几个月前它运行得很好。我正在使用bootstrap和vue构建这个网站（我怀疑升级可能出了问题）。
这是我的部分代码

<p><button v-on:click="contacts = !contacts" type="button" class="btn btn-secondary dropdown-toggle"   data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-scroll-to="'#con'">Infos contact </button></p>
                <div class="contacts text-left" v-if="contacts" id="con">
                    <p><i class="fa fa-map-marker"></i> 14, rue xxx, 92270 Bois Colombes</p>
                    <p><i class="fa fa-linkedin"></i><a href="http://www.linkedin.com/in/xxx"> www.linkedin.com/in/xxx</a></p>
                    <p><i class="fa fa-envelope"></i><a href="xxx.xxx@yahoo.fr"> xx.xx@yahoo.fr</a></p>
                    <p><i class="fa fa-phone"></i> 06 xx xx xx xx</p>
                </div>

谢谢你的帮忙

twitter-bootstrap

来源：https://stackoverflow.com/questions/74869322/bootstrap-dropdown-button-doesnt-work-anymore

2条答案

按热度按时间

mcdcgff01#

您可以使用v-on：click，但为什么不使用bootstrap下拉列表中的标准代码呢
你可以这样做：

<div class="dropdown">
  <a class="btn btn-secondary dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">
    Info contact
  </a>

  <div class="dropdown-menu">
    <a class="dropdown-item" href="#">14, rue xxx, 92270 Bois Colombes</a>
    <a class="dropdown-item" href="http://www.linkedin.com/in/xxx">www.linkedin.com/in/xxx</a>
    <a class="dropdown-item" href="xxx.xxx@yahoo.fr">xx.xx@yahoo.fr</a>
  </div>
</div>

你只需要添加你的图标。同样为了将来的参考，我不会在你的问题中添加你的头，而是只在正文中添加下拉菜单，并在代码块中使用特定的语言，以便更容易阅读。

赞(0）回复(0）举报 2022-12-25

uqzxnwby2#

好吧，我把头的目的，让贡献者检查，如果我没有犯错误，而调用平淡的主题。这是很久以前了，现在我不记得为什么我用了一个v-on：点击（但它是完美的工作）。好吧，最后我下载了 Bootstrap 本地和我做的正是你张贴，但不幸的是，现在我的下拉菜单不想部署...！

赞(0）回复(0）举报 2022-12-25