Vue活动类v-for

文章/答案/技术大牛

发布

2回答

、

我有一个关于v-for的问题。为什么必须返回this.activeClass = {...this.activeClass}才能更新组件？为什么组件在此行之后没有更新。<div class="container"> <div v-for

浏览 17提问于2019-04-25得票数 0

回答已采纳

2回答

通过setInterval切换列表中类的最干净方法

、、

我想在元素列表中切换一个'active‘类： <div class="slide active"> <div class="slide">使用Vue和Vanilla JS const slider = document.

浏览 7提问于2022-02-25得票数 0

回答已采纳

1回答

如何访问V-for元素

<li v-for="(imgLink, index) in itemSelected.itemImages"> document.getElementById(index).className="active" // works but is it vue-wayactiv

浏览 2提问于2017-05-14得票数 2

回答已采纳

1回答

组件:class=中的Vuejs组件“活动”(每天一小时)

、

我试图为一天做时间选择器(每天我生成8，9，10，…,16小时)DayPicker.vue v-for="(day, index) in days" :key="index"></time-picker> <hour-picker v-for="(key, hour&quo

浏览 0提问于2020-07-17得票数 0

回答已采纳

2回答

带路由器链路的bootstrap vue所有b下拉项都处于活动状态

、、

我真的很喜欢Vue和Bootstrap Vue -非常好。</div> </b-dropdown></template> 为v-for6949e825="" href="/xxxx/map" class="dropdown-item

浏览 0提问于2019-01-20得票数 0

1回答

Firebase + VueJS:在v-for循环中突出显示数据

、、

information- sessions: - ... session information<table> <tr class="user" v-for

浏览 0提问于2017-06-21得票数 0

2回答

将uk-Tab键与Vue.js一起使用时，所有选项卡元素都处于活动状态

、、

我在我的Vue-App中使用getuikit的选项卡组件( )： <li v-for="test in tests" id="test"><a href="#">{{ test }}</a></li&

浏览 0提问于2018-12-10得票数 0

1回答

嵌套V-用于活动类

、、

我试图将活动类@click绑定到对象数组中的嵌套项。"name": "Name2" { "name": "Name3" ]]在Vue.jsi循环中，通过这样的数组：<v-col cols="2" v-for="main in arr" :key="

浏览 3提问于2020-01-31得票数 0

回答已采纳

2回答

通过一个对象数组循环Vue -循环，并在单击时突出显示选定项。

、、、、

当您单击其中一个项目时，我希望通过添加css类来突出显示它，例如“悬停”。所以基本上它应该像菜单系统一样工作。当您单击某一项时，该项目将被高亮显示，其他项目不应高亮显示，反之亦然。template> <div> </div> <ul> <li v-for

浏览 3提问于2018-05-24得票数 0

回答已采纳

2回答

使用vue.js在引导上更改颜色

、

使用vue.js和引导程序运行这个脚本(垂直选项卡) <div v-for="(item, index) in siteObject.line_info" :key="index"> <v-tab :title="siteObject.line_inf

浏览 0提问于2018-07-03得票数 0

回答已采纳

0回答

我怎么能只重复一次活动类呢？

、、

我的v-for运行正常，但是我想要我的bootstrap 4 css .active类也重复。我想引导4个活动类只重复一次。请告诉我怎样才能摆脱这个问题。 el: '#app', subjects: ['CSE','EEE','BBA'] }) font-familyNPeZWAv56rSmLldC3R/AZzGRnGx

浏览 6提问于2017-12-07得票数 0

回答已采纳

3回答

Vue.js用于在单击并移除前一个类时添加活动类

、、、、

我想在我的div元素上实现这个活动链接，您可以在这里看到我想用我的代码实现的示例 $( 'ul.nav li' ).on( 'click', function() {find( 'li.active' ).removeClass( 'active' ); });在这里使用vue.js，我不能在我的div元素上做活动

浏览 0提问于2017-08-05得票数 6

回答已采纳

2回答

在子项vueJS.2之间切换“活动”类

、

我只想知道如何使用vue.js方法，现在我可以在单个项目上切换active类，当我单击其他项时，active类仍然出现在前一项上，下面是我的设置：// Say thatI have 5 Items I am rendering here: <ul v-for="item in items"> <my-list-item :item-title/FileTw

浏览 7提问于2017-04-20得票数 12

回答已采纳

1回答

vue-路由器:当路由路径类似于"employees/add“时，活动类问题

、、

我正在Vue做一个项目，使用vue路由器进行路由。当路由为/employees时，员工菜单项将被激活。但是，当路由为/employees/add时，Employees和Add 菜单项都会被激活。] ] }模板 <v-list-group </t

浏览 4提问于2020-06-22得票数 0

回答已采纳

3回答

如何在vuejs for循环中将class="active“设置为第一个元素

、、

我正在努力学习vue.js。我正在添加元素列表，我只想将class="active"添加到for循环中的第一个元素。以下是我的代码： <div class="item" v-for="sliderContent

浏览 4提问于2017-02-27得票数 33

回答已采纳

1回答

Vue (2.6.14) -v-用于不使用api导入显示数据(axios)

、、

，思想，，我正试图构建一个显示，其中的活动是用一些过滤器显示的。数据来自CMS生成的API。这些过滤器没有显示在代码中，因为它不相关。问题当手动定义数据属性中的“项”时，v-for列表呈现显示得很好，并给出了所需的输出。当从api中提取数据并将它们分配给项目时，v-for没有显示任何内容。我的想法，，我认为v-for是在api请求完成之前运行的，将数据放入'items‘值中。目前，我使用'created‘属性来激发函数，之前也使用了'Mounted()’，这也不起作用。版本 Vue</

浏览 0提问于2021-09-01得票数 1

回答已采纳

1回答

如何在点击激活项时在vue* 3中设置激活类*

、、

我创建了一个数组，并使用v-for循环将其传递给li。如果我点击一个元素，它应该会变成活动的class。我试着这样做，但他们都没有得到活动的类，我错过了什么吗？<template> <li v-for="(item, index) in{ item }} </li&g

浏览 45提问于2021-10-08得票数 0

回答已采纳

1回答

Vue:访问prop来设置类？

我使用的是一个分页库( )，VueAdsPageButton上有一个隐藏的道具，叫做active，它是一个布尔值，取决于按钮是否处于活动状态。" <template slot-scope="props" <VueAdsPageButton 'vue-ads-ml-1': tru

浏览 21提问于2019-08-15得票数 0

1回答

如何在Vue中调用可重用组件的方法

、、、

可重用的活动表组件： props: ['url'], return {}, <table> <tr>

浏览 3提问于2019-11-25得票数 0

4回答

如何在vue* js中突出显示具有多个可供选择的列表的选定项目*

、

我正在使用Vue js，我渲染了多个列表，但我只想选择(突出显示)一个元素。目前，每次点击都会突出显示多个项目。希望这是有意义的。下面是我的代码片段 <div> <a v-for='(product, idx) in adslCappedactiveIndex}" > </a> <&#x

浏览 1提问于2020-05-11得票数 1

点击加载更多