前端学习（2645）：懂代码之header表头页之未读消息
生活随笔
收集整理的這篇文章主要介紹了
前端学习（2645）：懂代码之header表头页之未读消息
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!-- 消息中心 --><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>
第一點消息中心顯示未讀消息
第二點 點擊的時候直接進行路由跳轉
總結
以上是生活随笔為你收集整理的前端学习（2645）：懂代码之header表头页之未读消息的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 前端学习（2571）：为什么使用vuex
- 下一篇： 前端学习（2751）：uni-app目录