実現したいこと
選択したリストにactiveのクラスをつけたいです。
選択中に他のliをクリックしたら、他のliにactiveを付け替えるものを想定しています。
:class = {active: index == }で比較するにも、比較できる要素がないので困っています...
ご存知の方がいらっしゃいましたらご教示頂けると幸いです。
よろしくお願いします。
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 </style> 8</head> 9<body> 10 <div id="app" v-cloak> 11 <ul> 12 <li v-for="(tab, index) in tabNav">{{ tab }}</li> 13 </ul> 14 </div> 15 <script src="https://unpkg.com/vue/dist/vue.js"></script> 16 <script> 17 new Vue({ 18 el: '#app', 19 data: { 20 tabNav: [ 21 'tab1', 22 'tab2', 23 'tab3' 24 ], 25 }, 26 }) 27 28 </script> 29</body> 30</html>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。