如何放置 class="active"到 vuejs for 循环中的第一个元素 [英] How to put class="active" to first element in vuejs for loop
查看：21
javascript
vuejs2
vue.js
本文介绍了如何放置 class="active"到 vuejs for 循环中的第一个元素的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试学习 vue.js.我正在添加元素列表，我只想将 class="active" 添加到 for 循环中的第一个元素.以下是我的代码:
<div class="item" v-for="sliderContents in sliderContents"><h1>{{sliderContent.title }}</h1><p v-html="sliderContent.paragraph"></p>所以第一个元素应该看起来像这样:
<h1>欢迎来到画布</h1><p>创建完美网站所需的一切.从广泛的<br>元素中选择&简单地把它们放在你自己的画布上</p>我能够获取数据，所以一切正常.
以下是我的脚本代码:
相关文章
- PHP 循环 给第一个Li 加class;
- 如何跳过数组循环中的第一个键?;
- 如何确定foreach循环中的第一个和最后一个迭代？;
- PHP 在另一个 foreach() 循环中只显示 for() 循环中的第一个值;
- 选择第一个元素，该元素放置在另一个元素之后，但不立即放置;
- 获取python for循环中的第一个和最后一个项目;
- 只有第一个对象保存在javascript for循环中;
- 在第一个循环的 while 循环中显示一次文本;
- 向循环中的第一个div添加不同的类;
- 卡在python中的循环中-仅返回第一个值;
- 第一个元素偏移;
- 第一个最后一个元素;
- 在第一个空白行循环中复制和粘贴;
- 为什么这个 for 循环不让我在第一个循环中输入文本?;
- 如何获得第一个X元素?;
- Stream groupingBy:减少到列表的第一个元素;
- 如何获得CollectionViewSource的第一个元素？;
- 如何获得IEnumerable的第一个元素;
- 如何获取数组的第一个元素?;
- 为什么我的循环只检查第一个元素？;
- Ruby/Rails 循环中的魔术第一个和最后一个指示器?;
- jquery找到第一个元素;
- 如何在第二个do循环中的第一个do循环中使用`results(k(i))`?;
- 在第一个循环中继续，在第二个循环内;
- VueJS - 跳过观察者的第一个变化;
前端开发最新文章
- 为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？;
- 错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接;
- 如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？;
- 如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？;
- 警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件;
- 如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？;
- 此请求已被阻止;内容必须通过HTTPS提供;
- 资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）;
- 通过HTTPS加载页面但请求不安全的XMLHttpRequest端点;
- 拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。;
