vue_點選列表項變色（結合v-for和v-bind來實現）
阿新 • • 發佈：2021-10-07
要求：
點選列表中的哪一項，那麼該項文字變為紅色（結合v-for和v-bind來實現）
預覽：
原始碼：
把最實用的經驗，分享給最需要的讀者，希望每一位來訪的朋友都能有所收穫！<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>作業</title> <style> .active{ color: red; } </style> </head> <body> <div id="app"> <ul> <li @click="btnClick(index)" :class="{active:currentIndex === index}" v-for="(item,index) in movies">{{item}}</li> </ul> </div> <script src="../js/vue.js"></script> <script> const app = new Vue({ el: '#app', data: { message: '你好啊', movies:['哆啦A夢I','哆啦A夢II','哆啦A夢III','哆啦A夢IV'], currentIndex:-1 }, methods:{ btnClick(index){ this.currentIndex = index } } }) </script> </body> </html>