vue項目實現渲染列表獲取當前點擊項（高亮）

一個簡單的例子：

這是渲染列表的代碼

在data里設置一個初始值0，

<div v-for="(item, index) in tochildren" :key="index" @click="currentIndex=index" :class="{style1:index==currentIndex}">{{item}}</div>

也是實現需求的核心  主要是綁定屬性樣式是否為true，通過click改變當前index值也就是將當前點擊的index賦值給cureentIndex,此時被點擊的那個會顯示style1樣式

 

對於頁面上寫死的列表怎么獲取當前的子元素呢 同樣的思路

<ul>

<li :class="{style1:index==1}" @click="index=1">這是第一行</li>

<li :class="{style1:index==2}" @click="index=2">這是第二行</li>

</ul>

這一次只不過是將index寫死

 

這個思路可以用於解決高亮 獲取當前點擊對象，不知道是否對你有所幫助呢？ 加油！