bootstrap-vue 相关问题

我正在使用bootstrap-vue制作导航菜单，如下所示：（直接从文档中获取） [[ 是，您需要在CSS选择器作用域中添加root element id ... new Vue({ el: "#app", }); #app .dropdown-item:hover,#app .dropdown-item:focus { color: #ffffff; text-decoration: none; background-color: #dd4343; } <link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap/dist/css/bootstrap.min.css" /> <link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.css" /> <script src="//polyfill.io/v3/polyfill.min.js?features=es2015%2CIntersectionObserver" crossorigin="anonymous"></script>  <script src="//unpkg.com/vue@latest/dist/vue.min.js"></script> <script src="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.min.js"></script> <div id="app"> <b-navbar toggleable="lg" type="light" variant="light"> <b-navbar-brand href="#">NavBar</b-navbar-brand> <b-navbar-toggle target="nav-collapse"></b-navbar-toggle> <b-collapse id="nav-collapse" is-nav>  <b-navbar-nav class="ml-auto"> <b-nav-item-dropdown text="Lang" right> <b-dropdown-item href="#">EN</b-dropdown-item> <b-dropdown-item href="#">ES</b-dropdown-item> <b-dropdown-item href="#">RU</b-dropdown-item> <b-dropdown-item href="#">FA</b-dropdown-item> </b-nav-item-dropdown> <b-nav-item-dropdown right>  <template v-slot:button-content> <em>User</em> </template> <b-dropdown-item href="#">Profile</b-dropdown-item> <b-dropdown-item href="#">Sign Out</b-dropdown-item> </b-nav-item-dropdown> </b-navbar-nav> </b-collapse> </b-navbar> </div>

css vue.js bootstrap-4 bootstrap-vue

回答 1 投票 0

数据列表中的动态数组未显示

我正在研究项目的搜索栏。我的搜索栏引用了我的数据列表，但无法在屏幕上显示内容。我知道数据列表使用的数组是正确的，因为它显示...

arrays vue.js drop-down-menu bootstrap-vue html-datalist

回答 1 投票 0

Bootstrap Vue scrollspy无法处理动态数据。经过检查，所有元素在通过时都处于活动状态（突出显示）

我有一个Vue应用程序，该应用程序根据我的JSON文件中的组件类型（标题，文本，图像）显示内容。我需要在具有标题的Header组件上滚动监视。我正在使用...

css vue.js vue-component bootstrap-vue scrollspy

回答 1 投票 0

Uncaught TypeError：无法在方法中读取null的属性'classList'

我对VueJS和BootstrapVue还是很陌生，我已经使用导航栏组件中的事件滚动创建了一种方法，可以用精确链接更改来代替router-link-exact-active虽然可以，但是我得到了...

javascript vue.js vue-component bootstrap-vue

回答 1 投票 0

添加一行后更新Vue Js表

我尝试在添加新行之后更新表。现在可以添加新行了，但是我必须刷新页面才能看到新行。相同的问题我有update / delete方法，但在这里我会...

vue.js bootstrap-vue vue-reactivity

回答 1 投票 0

保留分页显示提示框的复选框状态

我正在使用通过分页显示用户的引导表。在每一行上都有一个复选框，用于一次选择一个以上的复选框来执行某项操作。我设法编写函数以选择一个，然后...

checkbox vuejs2 pagination state bootstrap-vue

回答 1 投票 0

使用b按钮“至”的单元测试Vue路由

我有一个组件，其中包含Vue Bootstrap中的b按钮组件。在单元测试中，我要检查的是，当我单击组件中的该按钮时，是否将我路由到指定的URL ...

unit-testing vue.js vue-router bootstrap-vue vue-test-utils

回答 1 投票 0

vuejs中使用css的输入值：not [value =”“]

[我正在VueJS项目中使用Bootstrap-Vue，使用类是不可能的。我有下一个输入 [] ] >> 这是问题。 CSS逻辑不了解Vue观察者或v-model，因此不会更新您的思维方式。退后一步，尝试这个简单的示例： HTML <input class="in" type="text" value="bar" /> <label class="lab">Test</label> CSS .in:not([value="foo"]) ~ .lab { color: crimson; } 如您所见，标签现在为红色。现在尝试更改value="foo"，您会看到label开关颜色。但是，您应该在这里注意的是，它在CSS本身上没有任何类型的2向绑定，而实际上仅在实际DOM中采用current value 。为了向您提供实际的解决方案，在这种情况下，我将使用类绑定。您可以在此处阅读有关它们的信息：https://vuejs.org/v2/guide/class-and-style.html 本质上，它允许您根据某些真实条件动态添加/删除类。您实际上可以在那里使用v模型。这是我如何做的一个例子： <template> <div id="app"> <input type="text" v-model="model"> <label :class="{error: model === ''}">Label</label> </div> </template> <script> export default { name: "App", data() { return { model: "" }; } }; </script> <style scoped> .error { color: crimson; } </style> @ dev-cyprium关于Vue在使用v模型时未在输入元素上放置属性value的情况下是正确的（value实际上是元素上的domProp）尽管有一个技巧可以使用数据属性： <template> <div> <b-form-input id="the-input" v-model="value" :data-value="value"></b-form-input> <label for="the-input">Hello World</label> </div> </template> <style> input.form-control ~ label { color: red; } input.form-control[data-value=""] ~ label { color: blue; } </style> <script> export default { data() { return { value: '' } } } </script>

javascript css vue.js input bootstrap-vue

回答 2 投票 0

分页在b表中对我不起作用

[我正在使用VueJS构建应用程序，其中bootstrapVue用于前端，而Django用于后端。我正在使用b表，我想通过b分页使用分页。在我的itemsProvider函数中，得到...

vue.js bootstrap-vue

回答 1 投票 1

在点击操作时验证一个bootstrapvue / vue表单字段

我正在创建一个注册表单，用于验证用户选择的login_id在服务器上是否可用。此表格在bootstrapvue上。

vue.js bootstrap-vue vuelidate vue-validator

回答 1 投票 0

IE11 + Bootstrap vue问题可访问元素在访问时具有多个黑色边框

[大家好，我需要帮助来解决IE11 / Edge + Bootstrap vue + b-modal问题。当我们将焦点对准/激活按钮，输入框时，会看到多条黑线（请参阅下面的屏幕截图）。我们是...