前端学习（2645）：懂代码之header表头页之未读消息
生活随笔
收集整理的這篇文章主要介紹了
前端学习（2645）：懂代码之header表头页之未读消息
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!-- 消息中心 --><div class="btn-bell"><el-tooltipeffect="dark":content="message?`有${message}條未讀消息`:`消息中心`"placement="bottom"><router-link to="/tabs"><i class="el-icon-bell"></i></router-link></el-tooltip><span class="btn-bell-badge" v-if="message"></span></div>
第一點(diǎn)消息中心顯示未讀消息
第二點(diǎn) 點(diǎn)擊的時(shí)候直接進(jìn)行路由跳轉(zhuǎn)
總結(jié)
以上是生活随笔為你收集整理的前端学习（2645）：懂代码之header表头页之未读消息的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 前端学习（2571）：为什么使用vuex
- 下一篇： 前端学习（2751）：uni-app目录