用于多个ul li元素的基于vue js状态的逻辑

文章/答案/技术大牛

发布

1回答

javascript、html、vue.js、html-lists

我有一个带有静态的li(菜单元素)的ul，呈现在服务器端。我需要在每个li上实现一些基于状态的逻辑(活动li重新着色，打开嵌套的子点)。除了为每个li创建一个新的vue对象之外，我如何在vue上描述它？非常感谢!另外，我是vue js的新手，需要掌握一个一般

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

回答已采纳

2回答

用Vue JavaScript向ul内部添加样式

javascript、html、css、vue.js

我有一个问题，如何添加样式到ul内，用Vue JavaScript点击li。我的html代码： <li>Menu</li> <ul> //Add class here<li>History<

浏览 9提问于2022-09-22得票数 0

回答已采纳

2回答

是否有一种方法可以初始化保留初始HTML的Vue对象

javascript、html、dom、mvvm、vue.js

我想使用Vue.js来更容易地操作DOM，但是当我初始化一个Vue对象时，它会重写最初在操作之前用后端生成的数据。例如，我有这样的标记： <li v-repeat="elements" v-text="content">a</li> <li v-repeat="elements

浏览 9提问于2014-12-22得票数 9

回答已采纳

3回答

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

javascript、html、css、vue.js、vuejs2

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

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

回答已采纳

1回答

在vue.js中对另一个组件进行过滤

vuejs2

在第二个组件中，一些值将在过滤后根据复选框的值显示。(我使用此代码EventBus.

浏览 0提问于2018-02-20得票数 1

回答已采纳

3回答

连接时禁用空格

vue.js、vue-component

"HTML5", "SCSS", "JavaScript",如何启用空间？顺便说一下，有没有更好的方法来连接我的数组的元素？/ul</

浏览 18提问于2020-06-08得票数 0

1回答

将事件绑定到Vue.js中的多个元素

vue.js

是否可以在不使用组件的情况下将事件绑定到HTML中的多个元素。例如： <li> <li></ul> 因此，我是否可以将单击事件绑定到所有这些<li>元素。如果是，是如何实现的？

浏览 21提问于2016-09-18得票数 1

回答已采纳

3回答

Vue.js变量

javascript、html、vue.js

我对Vue.js非常陌生(通常也是html )，我试图使用Vue.js来自动切换Bulma选项卡，而不需要很多HTML。 <li :class="[ tabsel === 'profile' ?'is-active' : '']"> <a @click="tabsel = 'profile'">My Profile</a></

浏览 25提问于2022-05-20得票数 0

回答已采纳

3回答

如何呈现带有Vue命名槽的静态内容列表？

javascript、vue.js、vuejs2、components、slot

2</a>我的组件comp模板如下所示： <li class="comp-item"><slot name="links"></slot></li>目前，我的所有锚都位于单个li标记(这是预期<e

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

回答已采纳

2回答

vuejs mouseover向此元素添加类

javascript、vue.js

如何在鼠标停留在列表项上添加类和在鼠标离开时删除类 <li class="test" @mouseenter="thumbStyle" @mouseleave="thumbStyle2">1</li><li class="test" @mouseenter="thumbStyle" @mouseleave="thumbStyle2">2</li

浏览 23提问于2019-03-04得票数 1

回答已采纳

1回答

使用v-for将数组映射为元素并将其映射为html属性

javascript、vue.js

如果可以像这样插入元素来映射数组到html元素呢？message: 'Bar' } }我使用指令来呈现基于数组的项目列表。<ul id="example-1"> <div class ="{{ item.message }}"> <

浏览 6提问于2018-01-13得票数 0

回答已采纳

3回答

如何在屏幕尺寸改变时更改vue.js数据值？

javascript、vue.js、skel

<div id="app"> <!="#">Heading</a></li> <!Long</a></li> </ul> </div>

浏览 2提问于2018-03-22得票数 7

回答已采纳

2回答

如何配置v-for中的前3个值

javascript、vue.js、vuejs2

如何启动v-for循环array = [dog,cat,e,f,g];谢谢。

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

回答已采纳

2回答

适用于非SPA应用程序的Vue* js -加载组件而不加载应用程序组件*

javascript、reactjs、vue.js、webpack、single-page-application

我对Vue.js非常陌生，我正在尝试弄清楚一些关于它的事情。我想使用它的目的之一是在不创建SPA的情况下实现组件。因此，换句话说，我可以引用静态页面中的组件，而不必让它在App组件中运行。当我使用react js完成这项工作时，我已经使用了react habitat。我想知道Vue.js是否有类似的东西可用，或者它是你可以用第三方模块工具来做的。

浏览 39提问于2019-05-16得票数 6

回答已采纳

2回答

将项目映射到列表中

list、dictionary、vue.js、vuejs2

我有一个项目，使用JavaScript/Vue，我通过映射每一项来写出成分，并加入了", "。取而代之的是，我想把每一项都写成一个列表，但我不确定该怎么做。我现在拥有的代码如下所示： <li></li>

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

回答已采纳

1回答

Vuejs获取被事件调用的元素？

javascript、jquery、json、vue.js

我有多个列表项，当它们被点击时，我想要切换活动类。<ul class="list-body"> <li>Wit</li> <&

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

回答已采纳

1回答

Vue.js:在页面中多次包含同一个组件实例

vue.js、vuejs2、vue-component

-- mobile --></bodyVue.component('guitar-filters> Body Shape

浏览 0提问于2019-02-15得票数 3

回答已采纳

6回答

导航标签上的活动按钮

javascript

click(function() { $(this).toggleClass('active');我知道这是完全错误的，但我是新来的，并且尝试学习；我想要做的是切换<li> onclick()的活动类，非常感谢任何帮助。<ul class="nav nav-tabs"> <li role=&qu

浏览 0提问于2016-09-28得票数 0

回答已采纳

3回答

Vuejs图片url链接

vue.js

assets/svg/xxx.svg'data () { image: image },li.style.backgroundImage

浏览 1提问于2018-03-20得票数 3

回答已采纳

1回答

在导航选项卡上切换is-active css类

vue.js、vuejs2

我有一些选项卡： <ul> <li>&

浏览 2提问于2017-10-23得票数 5

点击加载更多