我的目標(biāo)是為在鼠標(biāo)懸停時使用 Vue 顯示的列表項(xiàng)更改字體真棒圖標(biāo)?;旧?,我想用 Vue.js重新創(chuàng)建這個功能。我知道有很多方法可以用 css 和 js 來做到這一點(diǎn),甚至在上面的鏈接中包括了如何使用純 css 來做到這一點(diǎn),但我很好奇我是否可以單獨(dú)使用 vue 來做到這一點(diǎn)。這是生成顯示數(shù)據(jù)列表的代碼:<div id="file-content" class="hover file-row-container fr-open-dir" v-on:click="SetSelected(dirObj.id)" v-for="dirObj in displayedFolders"> <div class="file-row"> <div class="file-row-icon"> <i class="fa fa-folder-o" aria-hidden="true"></i> </div> <span class="file-row-text hover-ul"> {{dirObj.name}} </span> </div></div>
如何使用 Vue.js 在鼠標(biāo)懸停時更改單個列表對象的 html 內(nèi)容
慕無忌1623718
2021-11-18 09:47:52