用Vue實現點擊一個按鈕,實現切換樣式的效果
代碼演示如下:(寫的不好的地方,請見諒) <!DOCTYPE html> <html lang="en"> <head&g ...
.html .在循環的代碼那里添加 .添加樣式 .初始化數據 .調用方法 當我們觸發點擊事件的時候,傳入循環的index ,這樣我們就可以將綁定房東樣式賦給點擊到的x ...
2019-07-01 19:57 0 3927 推薦指數:
代碼演示如下:(寫的不好的地方,請見諒) <!DOCTYPE html> <html lang="en"> <head&g ...
循環的情況 步驟: 1.點擊時傳入index索引 ---------------->獲取當前點擊的是哪條數據 2.將索引值傳入class---------------------->索引為哪個就給哪個加上想要樣式 3.在data里面添加inde ...
...
剛自學Vue不久,所以還不太熟,所以直接上代碼。 一、先在data里增加一個變量,用來儲存當前點擊的元素 二、在Template里面的代碼,切記在@click方法里面要傳index, 三、點擊事件:改變data里面activeClass的值 ...
userStatueCheck(e,value){ console.log((e.currentTarget)); if($( ...
...
傳統方式: 改進方式: 上面第二種方式,直接每次點擊選擇器相反值,依次來達到更改樣式的目的。 ...
循環條件下: 1.點擊函數@click="active(index)" 獲取點擊的位置 2.講索引值傳給class,點擊哪一個則顯示哪一個的樣式 3.在data添加ins的初始值 4.使用三目運算符切換圖片 三木運算符執行方法:如果index ...