Bootstrap Vue动画下拉列表
是一种基于Bootstrap和Vue.js的前端开发工具，用于创建具有动画效果的下拉列表。它结合了Bootstrap的样式和Vue.js的响应式能力，使开发者能够轻松地创建交互性强、用户友好的下拉列表。
该工具的主要特点和优势包括：
- 响应式设计：Bootstrap Vue动画下拉列表能够根据不同设备的屏幕尺寸自动调整布局和样式，确保在各种设备上都能提供良好的用户体验。
- 动画效果：它提供了多种动画效果，如淡入淡出、滑动、展开等，使下拉列表的显示和隐藏更加平滑和吸引人。
- 可定制性：开发者可以根据自己的需求自定义下拉列表的样式、动画效果和交互行为，以满足不同项目的要求。
- 简化开发流程：Bootstrap Vue动画下拉列表提供了丰富的组件和指令，使开发者能够快速构建功能完善的下拉列表，减少开发时间和工作量。
应用场景： Bootstrap Vue动画下拉列表适用于各种Web应用程序和网站，特别是那些需要用户选择或展示大量选项的场景。例如，表单中的下拉选择框、导航菜单中的下拉菜单、商品分类筛选等都可以使用该工具来实现。
推荐的腾讯云相关产品： 腾讯云提供了一系列与前端开发和云计算相关的产品和服务，以下是一些推荐的产品：
- 云服务器（CVM）：提供可扩展的虚拟服务器，用于部署和运行前端应用程序。
- 云数据库MySQL版（CDB）：提供高性能、可靠的关系型数据库服务，用于存储和管理应用程序的数据。
- 云存储（COS）：提供安全可靠的对象存储服务，用于存储和分发前端应用程序的静态资源。
- 云函数（SCF）：提供事件驱动的无服务器计算服务，用于处理前端应用程序的业务逻辑。
- 云安全中心（SSC）：提供全面的安全监控和防护服务，保护前端应用程序免受网络攻击和数据泄露的威胁。
更多关于腾讯云产品的详细介绍和文档可以在腾讯云官方网站上找到：腾讯云产品与服务。
相关·内容
1回答
不要分配活动类
、、
我正在使用Bootstrap，我有一个下拉列表，如下所示
<b-nav-item-dropdown right>
<b-dropdown-item class="company-menu-text" :to="{ name: 'locationlist' }" exact>Lokaliteter</b-dropdown-item>
<b-dropdown-item class="company-menu-text" @click="log
浏览 1提问于2020-10-29得票数 0
回答已采纳
1回答
下拉式引导带不打开
、、、
我目前正在学习Vuejs，bootstrap，bootstrap- Vue -3和Vue路由器。但不知何故，下拉列表没有打开。
这是我的代码：
引导源：
浏览 4提问于2021-11-11得票数 1
回答已采纳
1回答
动画卡中下拉菜单的Z索引问题
、、、、
我有一个问题，我试图在这个堆栈闪电战中简单地解决(真正的项目是由angular组件和bootstrap组成的。等)：https://stackblitz.com/edit/angular-bootstrap-4-starter-njixcw 在淡入淡出的动画卡中使用下拉菜单时，下拉菜单在后面，而不是在前面。(单击红色下拉菜单进行复制) 不带动画的下拉列表可以完美地工作(单击绿色下拉列表进行重现)。 对我来说，这似乎是一个不透明属性的问题，有没有人可以帮助我实现相同的结果(保持动画)，而不会出现下拉菜单的问题。 非常感谢。
浏览 16提问于2020-01-12得票数 0
1回答
在vue-select vuejs组件中，如果您在它们的演示页面上看到，您可以从下拉列表中选择多个项。但是，如果您键入了下拉列表中不可用的内容，则只需键入新文本并按enter键，它就会成为一个标记。您可以在他们的演示页面上看到这种行为：
不过，我是做不到的。我可以从下拉列表中进行选择，但是如果我键入了一些新的内容，那就不会成为一个标签。我有个jsbin显示我做了什么。任何帮助都是非常感谢的。
我的抄本：
Vue.component('v-select', VueSelect.VueSelect);
new Vue({
el: '#app'
浏览 1提问于2017-12-13得票数 2
回答已采纳
我正在使用bootstrap导航栏，它在手机屏幕上显示下拉动画。示例：
现在，列表的动画就像是自上而下。
有没有办法把它改成从右到左。如下所示：
浏览 0提问于2016-02-26得票数 1
2回答
我想隐藏下拉箭头和按钮的颜色，我使用的是vue-bootstrap。在没有箭头和按钮颜色的情况下，我还可以使用其他方法在我的navbar中进行下拉列表吗？我已经尝试了很多方法，但似乎我所做的每一个样式都不是在使用vue-bootstrap。
<b-dropdown
id="dropdown-left"
text="RECIPE"
ref="dropdown"
class="m-md-2">
<b-dropdown-item>A</b-dropdown-item>
<b-drop
浏览 0提问于2021-03-08得票数 1
回答已采纳
编辑:嗯，可能会有样式覆盖-
我可以从下面的下拉列表中选择它。并将其插入导航区域，然后向下箭头消失。对于"lang“下拉列表也是如此，如果我将它移动到身体上，箭头就会出现。
编辑: FML -这是另一个导航栏样式覆盖，使用作用域LOL
导航栏svg下箭头不会出现。大多数其他图标都在工作，只是下面的fine..The代码被复制并粘贴到bootstrap vue exampe中。
<b-navbar toggleable="lg" type="dark" >
<b-navbar-brand href="#">&
浏览 1提问于2020-04-06得票数 8
2回答
我成功地使用了这个 CSS和字体，但是下拉列表不起作用，并且我看不到控制台中的任何错误，所以我无法调试这个问题。似乎我需要做些什么来包含来自node_modules\bootstrap\js\的node_modules\bootstrap\js\，但是如何以“网络包装”的方式来实现呢？
package.json：
...
"dependencies": {
"bootstrap": "*",
"jquery": "*",
"vue-resource": "*&
浏览 0提问于2016-09-29得票数 0
回答已采纳
当我关注一个输入(b-表单输入字段)时，我试图以务实的方式打开一个Vue-Bootstrap下拉列表(b-下拉列表)。我在b-form输入上调用了@focus方法来打开下拉列表。
这是我的引导码：
<b-form-input v-model="search" @focus.native="openDropdown"></b-form-input>
<b-dropdown id="ddown1" text="Dropdown Button" class="m-md-2" ref=
浏览 0提问于2018-05-13得票数 1
回答已采纳
1回答
我有一个应用程序，我决定使用vue-bootstrap，而不是bootstrap，用于添加的特性，如选项卡。由于项目中已经有了vue-bootstrap，所以我决定也将nav重写到其中。现在，我遇到了一个问题，导航中的链接指向正确的URL，但是当我单击它们时，什么都不会发生。我怀疑Vue在内部控制了跟踪链接的请求。
我使用拉丁语模板语言编写了以下代码：
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div>
<b-na
浏览 1提问于2019-05-04得票数 3
回答已采纳
我正在使用import bModal from 'bootstrap-vue/es/components/modal/modal';引导模式。
我在Modal中有下面的用户界面，这里我需要从下拉列表中选择部门(使用AJAX获取项目列表)。在这里，我想通过单击下拉菜单旁边的按钮来轻松地添加新的部门-这样的弹出模式与UI。
在vuejs中我有主模态的代码-
showModal () {
this.clearForm();
this.formInfo.formSubmitted = false;
this.$refs[this.modalInfo.id].s
浏览 1提问于2018-04-05得票数 4
回答已采纳
我使用的是Vue bootstrap中的下拉列表，我想在其中包含可折叠的元素。我想要实现的是一个按钮，它可以打开和关闭可折叠列表中的每个元素。
Vue bootstrap做到这一点的方法是为可折叠元素提供一个与按钮的指令名匹配的id。
我的问题是，当使用v-for生成许多项时，我不能动态地生成指令名称(但是我能够生成id名称)。请看下面的代码：
<b-dropdown-item-button disabled v-for="(superPortfolio, index) in portfolio.hierarchy">{{superPortf
浏览 0提问于2018-01-23得票数 1
1回答
你好，我正在做一个垂直菜单，用Vue Bootstrap 4
<b-dropdown id="dropdown-dropright" no-caret dropright :text="result.title" variant="primary" class="drop" v-for="result in resultsmenu.slice(0,4)" :key="result.id">
<span v-on:click="selectedEntry&#
浏览 5提问于2022-01-24得票数 1
回答已采纳
1回答
我在Laravel中使用VueJS，当我包含VueJS时，页面看起来就像是在加载Vue时被重新解析/重新渲染，导致我所有的CSS动画(在页面加载时触发)再次播放。我已经检查了页面是否实际加载了一次(通过使用console.log()检查重复项和查看HTTP请求，每个请求都被调用一次)。
当查看性能跟踪时，您可以看到它何时发生，但我不确定原因或原因，也不确定在哪里进行调试。
请注意，背景是动画的，但徽标不是；因此徽标保持可见，但动画会重新触发。
app.js (Vue入口)
require('./bootstrap');
window.Vue = require('
浏览 16提问于2019-11-06得票数 0
我不知道用什么最好的方法来形容这个问题。
我正在使用ui.bootstrap，在我的肚脐有几个下拉列表。我有一个很好的动画在这些肚脐下拉。他们都和这个差不多：
<div id="settings_menu" dropdown data-ng-click="ddAnimate()">
<span class="glyphicons glyphicons-settings dropdown-toggle cursor" data-toggle="dropdown"></span>
&
浏览 3提问于2014-09-16得票数 1
回答已采纳
我正在使用Bootstrap-Vue，我希望在按钮调用函数之前，我的下拉列表永远不会隐藏。我的问题是，在默认情况下，在下拉列表之外或在下拉列表按钮上单击会隐藏该下拉列表。我的模板是： <b-dropdown
ref="dropdown"
@hide="onEditControlMenuHide"
@click.native.stop>
<b-dropdown-form>
<b-dropdown-item-button
@click="
浏览 54提问于2021-04-11得票数 0
回答已采纳
我有一个vuejs项目，它已经安装了引导程序。我正在使用html，css项目，并转换成vuejs，其中使用引导类。但是，下拉引导类不能工作--例如，下面的类在单击showing时不会添加它，而普通的html文件则显示showing。
下拉-切换下拉菜单
我有过
"bootstrap": "^5.1.3",
"bootstrap-vue": "^2.22.0",
"@popperjs/core": "^2.11.5",
有人能提点建议吗？
谢谢
浏览 9提问于2022-05-24得票数 1
回答已采纳
2回答
引导Vue侧边栏组件不能正常工作
、、、、
我创建了一个带有默认设置的新Vue项目，然后安装了Bootstrap、Bootstrap和JQuery。我从Bootstrap网站上复制了一个例子，不幸的是它不起作用。打开时的样子是这样的：
动画和属性都不起作用(也就是说，我不能把它移到右边)。我的App.vue文件：
<template>
<div>
<b-button v-b-toggle.sidebar-1>Toggle Sidebar</b-button>
<b-sidebar id="sidebar-1" title="Sideb
浏览 4提问于2020-10-05得票数 3
回答已采纳
我正在样式化Bootstrap dropdown，并且我正在使列表项在下拉列表出现时滑入。
// Smooth Dropdown transition
$('.dropdown').on('show.bs.dropdown', function (e) {
$(this).find('.dropdown-menu').first().stop(true, true).slideDown();
var listItems = $(this).find(".dropdown-menu").find("li a
浏览 0提问于2015-09-01得票数 0
我正在使用vue js和bootstrap-vue。我正在尝试实现bootstrap vue datatables.In表，我想使用dropdownt在操作列中使用树-点-垂直图标。这是我的表视图.. My table view 在上表中，图标下拉菜单的动作栏中有两个图标，.One是三个点垂直的图标，另一个是箭头符号。我想从下拉菜单中删除箭头符号和边框。 下面是下拉菜单的代码。 <template v-slot:cell(actions)="data">
<div>
<b-dropdown id="dropdown-1"
浏览 36提问于2021-03-18得票数 1
1回答
如何水平对齐下拉按钮子项。我无法通过CSS定制它。控制链路为
预期设计：
new Vue({
el: '#app',
data:{
fruits: ['Apple', 'Banana', 'Orange'],
selectedFruit: '',
},
methods: {
selectFruit (index) {
this.selectedFruit = this.frui
浏览 0提问于2018-10-02得票数 1
回答已采纳
我想有信息文本显示给用户时，他们悬停下拉项。每个下拉列表都有唯一的一个。我使用bootstrap-vue，我有一个下拉项的循环 <b-dropdown :text="currentColorType">
<b-dropdown-item v-for="colorType in colorTypes"
:key="colorType.id"
:value="colorType.name">{{colorType.name}}</b-dropdown-item>
</
浏览 74提问于2020-08-14得票数 2
回答已采纳
我正在创建一个Dropdown.vue组件。它有一个名为name的道具，因此我可以通过单击事件使用任意div触发它。
例如，我有一个元素<button @click="openDropdown('notifications-dropdown')">test</test>
然后我得到了组件：<dropdown name="notifications-dropdown"><div>content</div></dropdown>
单击事件正在从全局Vue对象的方法中处理：
met
浏览 1提问于2021-06-19得票数 0
回答已采纳
4回答
一开始，我是css初学者，我试着为一些项目制作vue.js动画，效果很好，但我的动画做错了。
-We有按钮可以将元素随机添加到数组中
-We可以单击元素来删除它。
问题：
-The动画总是在最后一项上运行
我希望vue js应该在添加或删除的项上应用动画。
导致动画出错的代码中有什么错误?？
要使动画正确工作，我应该更改或添加什么？
new Vue({
el: "#app",
data: {
myNumbers: [1, 2, 3, 4],
highestNumberInMyNumbers: 4
},
methods: {
addNu
浏览 7提问于2017-04-24得票数 18
回答已采纳
<div>
<b-tabs>
<!-- Add your b-tab components here -->
<b-tab active>
<template v-slot:title>
<b-spinner type="grow" small></b-spinner> I'm <i>custom</i> <strong>title</strong&
浏览 30提问于2020-06-16得票数 0
我用VueJS制作了一个简单的todo应用程序。我还添加了vue2 2-动画(一个Vue.js 2.0端口的Animate.css。用于Vue的内置过渡。)添加一个元素的动画工作正常。
但是有两个问题我想在没有不必要的编码的情况下解决
动画显示的列表，从本地存储工作下载的所有项目同时。我需要动画顺序工作为每个项目分开。
删除一个项目的动画不正确-最后一个项目总是被删除，然后转移。
P.S.：查看JSFiddle中的演示，因为本地存储不能在这样的片段中工作。
Vue.component("adder", {
data: function() {
r
浏览 0提问于2019-03-12得票数 1
回答已采纳
我正在尝试使用vue transition在bootstrap 4下拉菜单上添加上下滑动过渡。 转换不起作用 我尝试使用过渡元素，但动画不起作用。 <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
浏览 13提问于2019-05-13得票数 1
1回答
引导下拉按钮不显示V-For元素
、、、、
我有以下Vue.js (3)组件，它使用Bootstrap (5)：
<template>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle btn-link text-decoration-none text-dark" type="button" id="languageDropdown" data-bs-toggle="dropdown" aria-haspopup="
浏览 2提问于2022-06-11得票数 0
我是javascript和Vue.js的新手。我正在尝试将vue-bootstrap切换到vuetify。我想做的是在单击下拉项时调用一个方法。 我之前使用vue-bootstrap的代码是这样的。 <! -- This part is inside for loop -->
<b-dropdown variant="transparent">
<b-dropdown-item @click="aMethod(index, 'Hello')">A</b-dropdown-item>
浏览 7提问于2019-04-08得票数 0
我想创建一个选择搜索框。当点击input时，dropdown打开，可以在input上输入，并在dropdown中过滤。我使用Input作为下拉按钮。但dropdown似乎将其设置为只读。
var app = new Vue({
el: '#app',
data() {
return {
form: {
email: ''
}
}
}
})
<link type="text/css" rel="stylesheet" href="https://unpkg.com
浏览 0提问于2021-08-05得票数 0
我有一个带有下拉菜单的标题，它使用bootstrap-dropdown.js、bootstrap.js、bootstrap.min.js和jquery-1.10.2.min.js。在同一个页面中，我有一个动画可折叠div，它使用jquery.js和
<script type="text/javascript">
jQuery().ready(function(){
// applying the settings
jQuery('#theMenu1').Accordion({
active: 'h6
浏览 1提问于2014-03-03得票数 0
我使用vue cli，并希望使用bootstrap 4。我安装了bootstrap npm包，并在App.vue中使用@import '../node_modules/bootstrap/scss/bootstrap.scss';导入样式。
但是我不能让模式和下拉菜单的javascript工作。我尝试在index.html中包含这些文件，但没有帮助：
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENz
浏览 10提问于2018-08-27得票数 0
回答已采纳
2回答
我正在学习vue js，并且正在尝试使用vue js的条件输入组。我有两个单选按钮，和一个下拉选择。我想要的是，当广播1被选中时，下拉菜单就被启用了。当选择无线电2时，下拉菜单被禁用。我已经编写了如下代码。有谁可以帮我？
new Vue({
el: '#app',
data: {
radioTypes: [
{
name:'Type 1',
value:60
},
{
name:'Type 2',
value:70
浏览 0提问于2021-03-28得票数 0
4回答
来自一个反应性开发环境，我现在正在挑战自己去学习一些Vue。但是，我遇到了一些问题，无法将数据作为组件之间的支柱传递。
我的目标是将字符串从列表中显示为
元素，稍后我将使用转换动画。为此，我使用Vue Cli创建了一个Vue项目，另外的库仅包括Bootstrap和路由器。
我就是不能让这个成功..。
因此，我有一个main.js，其中包含了我的路径和：
new Vue({
router,
data: {
listOfStrings: ['test1 test1', 'test2', 'test3']
},
render:
浏览 3提问于2019-09-21得票数 0
回答已采纳
Bootstrap是否已经提供了一个也允许从下拉列表中进行选择的输入框？
比如，如果我想搜索苹果，列表中有12个水果，我可以从下拉列表中选择Apple (不需要键入任何内容)，也可以开始键入Ap。自动显示下拉列表中的建议。
Bootstrap已经支持这样的东西了吗？不过，我在中没有找到它。我知道按钮下拉，但寻找一个组合的文本框+下拉。
如果不是，我可能会使用Jquery/a- to / Bootstrap的下拉列表来弥补一些东西，但是最好知道它是否已经存在于Bootstrap 3(甚至4)中。
浏览 3提问于2017-05-25得票数 0
回答已采纳
1回答
我正在使用Vue.js和Bootstrap4。我想让导航栏在屏幕变小时完全消失。 这是我在.vue文件中的Bootstrap4代码： <template>
<div>
<nav class="navbar navbar-dark bg-dark">
<p class="pl-5">Hello Guest</p>
<p class="mr-5">Nice play!</p>
&
浏览 25提问于2020-04-23得票数 0
我是Vue Js的新手，我想使用它来过滤一些下拉列表，等等。考虑到我已经拥有视图模型中的所有下拉列表数据，我想将该数据传递给Vue实例，在那里我可以使用Vue过滤下拉列表。
我尝试将数据放入一个简单的div中，这样我就可以将其选择到Vue实例中，但它无法工作。一定有更好的办法。我是否必须单独调用服务器才能填充Vue实例？
代码片段只有一个简单的数组，我似乎也无法加载这个数组。
最终想要退出这个视图模型
@model MyApp.CatalogViewModels.ViewModel
这里的剧本..。
new Vue({
el: "#app",
浏览 1提问于2019-06-04得票数 3
1回答
我开始开发bootstrap4。我正试着做一个仪表盘。我已经找到了，但是它适用于引导3。我知道如何用引导来制作边栏，但是我不能复制他们在侧边栏中工作的多级下拉列表。我试过了，但没有找到任何方法或片段。有没有人知道我是如何在侧边栏中复制这些流畅的动画和下坠的？
浏览 2提问于2015-11-19得票数 0
回答已采纳
1回答
我使用的是bootstrap 5。 我有这个a元素： <div class="mb-3">
<a class="btn btn-primary" data-bs-toggle="collapse" href="#collapseTicket" id="scrollDown" role="button" aria-expanded="false" aria-controls="collapseTicket">
نوشتن
浏览 26提问于2021-06-30得票数 0
回答已采纳
为了使用Vue，我已经包括了laravel app.js，但是现在我的下拉列表不起作用了。
<script type="text/javascript" src="{!! asset('js/app.js') !!}"></script>
<script type="text/javascript" src="{!! asset('assets/js/core/libraries/jquery.min.js') !!}"></script>
浏览 0提问于2017-04-23得票数 2
回答已采纳
1回答
这是我正在使用的过渡组。
<article class="hotel-row" v-for="hotel in paginatedHotels" :key="hotel.hotelid">
<search-hotel :hotel="hotel"></search-hotel>
</article>
如果我不键入子键，Vue将抛出一个错误：
Vue警告:必须对儿童进行键控：
没问题，我添加了我独特的酒店，以确保Vue可以区分元素。
我有一个25家酒店的列表，问题是当我
浏览 1提问于2017-08-01得票数 0
回答已采纳
1回答
如果height =0，请告诉我单击后的虚拟缩进来自哪里；只有在随后设置为零高度的情况下，才能看到下拉列表。这也是为什么动画如此震撼。如果移除缩放比例，动画将停止抖动，但在1360x768分辨率下，~ 1px的幻象缩进(为什么会存在)最明显 ? <!DOCTYPE html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
</head>
<body>
<div
浏览 13提问于2021-04-29得票数 1
回答已采纳
我正在尝试使用vue js创建一个依赖的下拉列表。我创建了两个下拉列表：
<div id="app">
<div class="row">
<label for="100">One</label>
<select v-model="val1" name="" id="100">
<option value="1">one</option
浏览 11提问于2017-02-10得票数 1
回答已采纳
我使用vue-select组件作为我的下拉列表，并将:options作为数据放入下拉列表中。我现在正在使用它作为信用卡下拉列表，并希望在每个下拉行中添加卡类型图像。这个是可能的吗？
浏览 19提问于2019-04-03得票数 6
回答已采纳
如果您查看bootstrap-vue文档中的b-dropdown，您将看到所有的dropdown都是display: none样式的，而不是活动的。而这正是我所期望的。只需检查示例HERE中的任何下拉列表。 但是由于某种原因，当我将它添加到我的页面时，所有的下拉列表都是visibility: hidden。由于我在页面末尾有一个更大的下拉列表，因此添加了滚动条，即使它不是必需的。请看下面的图片。 ? 如果您将鼠标悬停在dev工具上，您可以看到隐藏元素的位置。 ? 通过更深入地查看开发工具，我发现了这个导入 @charset "UTF-8";
/*!
* Bo
浏览 10提问于2020-07-04得票数 0
我在VueJs选择上处理onChange事件时遇到了问题，
以下是我的逻辑：
我使用国家下拉列表，如果加拿大国家被选中，我想使用省下拉，否则我使用输入字段为用户添加下拉值。
当用户选择国家下拉列表时，我希望清除输入字段或下拉列表中的值。
Problem：它在正常情况下运行良好，但当我从服务中获取数据时，如果国家不是加拿大，数据将被清除，这是因为我在国家下拉列表中编写的onChange函数。
如何在不添加新字段的情况下分离这个逻辑？有什么生命周期挂钩可以在这里使用吗？
const eventBus = new Vue ()
Vue.component('ChildA',
浏览 17提问于2022-04-18得票数 1
1回答
我正在使用Bootstrap创建我的第一个网站，我的custom.css中有下面的CSS来使我的肚脐下拉列表有一个漂亮的动画：
.open > .dropdown-menu {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity:1;
}
.dropdown-menu {
opacity:3;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-animation-fill-mode: forwards;
浏览 3提问于2015-03-08得票数 0
回答已采纳
4回答
我开始了解Vue.js了。我想知道如何将刀片变量传递到Vue.js？
喜欢
return view('user.profile', ['locations' => $allLocations);
我可以通过Vue.js操纵它吗？
因为我正计划实现一个动态下拉列表。实际上，有两次跌落。因此，无论用户在第一个下拉列表上选择什么，第二个下拉列表将只显示特定的选项。
我已经尝试过在1之前实现它。)隐藏元素，通过Javascript或2检索元素。)在页面加载后使用HTTP请求初始化元素，但是我发现这个方法有点麻烦，或者有点占用资源。除了上面提到的，还有其他实
浏览 3提问于2018-03-21得票数 1
回答已采纳
使用Vue.js 2.6.10和BootstrapVue 2.0.0-rc.20，并尝试在单击单个文件组件中的单独按钮时以编程方式显示下拉菜单。 <template lang='pug'>
div
b-button(@click='loginShow') Test
b-dropdown(id='login-dropdown', ref='dropdown', text='Login')
b-dropdown-item(to='/login') Login
b-d
浏览 44提问于2019-05-23得票数 2
回答已采纳
我已经放了css动画下拉菜单，你可以在这里看到：
/* CSS used here will be applied after bootstrap.css */
.dropdown .dropdown-menu {
animation-name: example;
animation-duration: 1s;
}
@keyframes example {
from {
transform: scale(0);
opacity: 0;
-webkit-transition: all .2s linear;
-o-transition: all
浏览 26提问于2019-11-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
