<!-- 消息中心 --><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>
第一点消息中心显示未读消息
第二点 点击的时候直接进行路由跳转
![工作169:vue项目报错[Vue warn]: Property “visible“ must be accessed with “$data.visible“ because properties](https://img-blog.csdnimg.cn/20200703164813727.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMwNjcxMDk5,size_16,color_FFFFFF,t_70)
