溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家介紹如何在微信小程序中使用wepy框架動態控制類名，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。
style
<style lang="less" scoped>
.liBkgCor {
background-color: red;
}
</style>template
<view class="t_tab">
<li @tap.stop="changeLi({{1}})" class="{{ liColor == 1 ? 'liBkgCor':'' }}">推薦</li>
<li @tap.stop="changeLi({{2}})" class="{{ liColor == 2 ? 'liBkgCor':'' }}">洗手臺</li>
<li @tap.stop="changeLi({{3}})" class="{{ liColor == 3 ? 'liBkgCor':'' }}">淋浴</li>
<li @tap.stop="changeLi({{4}})" class="{{ liColor == 4 ? 'liBkgCor':'' }}">馬桶</li>
</view>script
data = {
liColor:1 //默認讓第一個tab高亮
}
methods = {
changeLi(e){
this.liColor = e.target.dataset.wepyParamsA
this.$apply() //通知wepy框架data數據更改需要重繪頁面
}
}效果圖
關于如何在微信小程序中使用wepy框架動態控制類名就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
