首页 > 前端 > 正文

uni-badge:数字角标一般和其它控件(列表、9宫格等)配合使用,用于进行数量提示,默认为实心灰色背景。–来自官方的介绍。

当角标的数字小于等于0时,那么这个角标就不需要显示,又该如何隐藏呢?用VUE的V-IF方法是可以显示和隐藏的但是uni-badge一般包含着其他的组件,如果用V-IF判断 那么连包含的组件也一起隐藏了。

那么应该如何规避这个问题呢 ?可以使用 custom-style 自定义样式的display来隐藏和显示,代码如下:

:custom-style="{'display': appointmentcount.beconfirmed>0?'block':'none'}"

custom-style的动态的绑定方法和style一直。

RoveCoder版权所有,转载请注明

猜你喜欢
picture loss