比如ul下有4個li元素。 給每個li綁定點擊事件@click="select_li(index),然后這個點擊時間會將一個全局變量 selectLi 賦值為 index 的值。 然后在每個li上加上class樣式 即可。 ...
在data中定義即將渲染的數據,及active data return active : , 選中樣式 , data return wpList: name: 食品飲料 , name: 鮮花 , name: 蛋糕 , name: 水果生鮮 , name: 服裝鞋帽 , name: 其它 , active: ... 定義高亮的標簽類名 .active font size : px color : ...
2020-12-21 10:53 0 1084 推薦指數:
比如ul下有4個li元素。 給每個li綁定點擊事件@click="select_li(index),然后這個點擊時間會將一個全局變量 selectLi 賦值為 index 的值。 然后在每個li上加上class樣式 即可。 ...
...
首先在data定義一個數組,數組里面的結構是對象,在對象里面寫一個鍵值對,對應上你需要的文字,然后定義一個 active:'' 。在html結構中用 v-for 循環遍歷出來,然后加個class ...
==currentIndex}">{{item}}</div> 也是實現需 ...
1.html 2.在循環的代碼那里添加 3.添加樣式 4.初始化數據 5.調用方法 當我們觸發點擊事件的時候,傳入循環的index ,這樣我們就可以將綁定房東樣式賦給點擊到的x ...
DOM部分: data部分: currentIndex: 1, loginType: [ ...
代碼演示如下:(寫的不好的地方,請見諒) <!DOCTYPE html> <html lang="en"> <head&g ...
剛自學Vue不久,所以還不太熟,所以直接上代碼。 一、先在data里增加一個變量,用來儲存當前點擊的元素 二、在Template里面的代碼,切記在@click方法里面要傳index, 三、點擊事件:改變data里面activeClass的值 ...